>  기사  >  웹 프론트엔드  >  html div 制作表格_html/css_WEB-ITnose

html div 制作表格_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-21 09:21:42987검색

  要的效果
为什么最后一个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으로 문의하세요.