Maison >interface Web >tutoriel HTML >清除浮动的疑问_html/css_WEB-ITnose
清除浮动的疑问_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 12:19:55804parcourir
<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>
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：table 里的td内容过长，我想用。。。显示_html/css_WEB-ITnoseArticle suivant：这个网页效果，哪里有这个源码下载，_html/css_WEB-ITnose