Heim >Web-Frontend >HTML-Tutorial >清除浮动的疑问_html/css_WEB-ITnose

清除浮动的疑问_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:19:55801Durchsuche

<style>.clearfix:after{   content:".";   display:block;   height:0px;   line-height:0px;   clear:both;   visibility:hidden;   font-size:0px;   }.clearfix{*zoom:1;}</style><div style="width:950px;"><div style="width:190px; height:50px;">1</div><div style="width:190px; height:100px;">2</div><div style="width:190px; height:200px;">3</div><div style="width:190px; height:50px;">4</div><div style="width:190px; height:100px;">5</div><div class="clearfix"></div><div style="width:190px; height:100px;">6</div></div>


我本来想的是不管1~5的高度是不是一样,
我都一定要6排在1的下面,
可是在IE6下,做不到,
求解。。。


回复讨论(解决方案)

楼主,你代码里没有使用浮动啊,为什么要清除浮动?
如果只是要实现6排在1的下面,下面的代码可以:

<!DOCTYPE html><html><head><title></title><style>	.container{ position:relative; }	.container div{float:left; border:1px solid; }    #inner6{position:absolute;left:0;top:50px;}</style>	</head><body><div class="container" style="width:950px;"><div style="width:190px; height:50px;">1</div><div style="width:190px; height:100px;">2</div><div style="width:190px; height:200px;">3</div><div style="width:190px; height:50px;">4</div><div style="width:190px; height:100px;">5</div><div class="clearfix"></div><div id="inner6" style="width:190px; height:100px;">6</div></div></body></html>

楼主,你代码里没有使用浮动啊,为什么要清除浮动?
如果只是要实现6排在1的下面,下面的代码可以:
XML/HTML code?123456789101112131415161718192021nbsp;html>

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn