div css float
3个div, 把 前两个设置为 float:left , 最后一个不设置浮动属性。
<style> div { width:100px; height:100px;border:1px solid black;} #first, #second { float:left; } #third {border:4px solid red;}</style><div id='first'> first</div><div id='second'> second</div><div id='third'> third</div> 关键 你希望是别的样子？
显示结果就是 所见即所得
div的默认背景是透明的，你没有给两个幅度的加入背景，所以就看到了浮动div下面的#third的div。
你加个背景就可以看出来了
#first, #second { float:left; background:#aaa;}
因为脱离了文档流，也就脱离了正常的顺序
虽然first和second都是浮动的，third不是浮动的，但是first和second会占third显示内容的地方，你把third的宽设成大于200的数，或者把高设成大于100的数试试
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
512
收藏
