首页 >web前端 >html教程 >html div 制作表格_html/css_WEB-ITnose

html div 制作表格_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-21 09:21:421014浏览

  要的效果
为什么最后一个div不换行。怎么清空浮动的样式

<div>    <div style=" background-color:#F00;">        <div style="width:200px; height:100px; border:1px solid black; float:left"></div>        <div style="width:200px; height:100px; border:1px solid black; float:left"></div>        <div style="width:200px; height:100px; border:1px solid black; float:left"></div>    </div>    <div style="clear:left;" >        <div style="width:200px; height:100px; border:1px solid black;  float:left;"></div>        <div style="width:200px; height:100px; border:1px solid black; float:left"></div>        <div style="width:200px; height:100px; border:1px solid black; float:left"></div>    </div>    <div style="height:100px;">        </div></div>


回复讨论(解决方案)

clear: both;清除float


     
    
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn