您的位置：首页 > 其它

关于float的说明

2016-07-07 18:07 281 查看

关于float的说明

如图所示，蓝色的div和红色的div处于黑色的div（宽为500px)之中，其中蓝色的div设置了做浮动；

[b]由图一（红色div的margin-top为10px，margin-left为200px） 知：浮动之后蓝色div脱离了正常的文档流，而紧接着蓝色div的红色div则升了上去，这个蓝色div浮动层对于红色div的影响在于红色div内容显示方面：具体说就是红色div里的内容会以蓝色div的结尾为开始显示的地方，[/b]

<body style="width:300px;border:3px dashed black;">
<div style="border: 1px solid red;width:24%;float:left;">div1</div>
<div style="border: 1px solid blue;width:40%;float:left;">div2<br>div2</div>
<div style="border: 1px solid green;width:24%;float:left;">div3</div>
<div style="clear: both;border:3px dotted #ff00b0">div4</div> <!--清除浮动-->
</body>


View Code

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航