您的位置:首页 > Web前端 > CSS

CSS清除浮动的两种方法

2016-03-28 10:11 435 查看
子div用了float浮动之后,就不会撑开父元素,如果想要撑开父元素可以使用清除浮动。

一.clear:both清除浮动

在最后一个段落下面添加一个空元素并清理它。

<div style="clear:both">




清除浮动之前:



清除浮动之后:



二.overflow属性清除浮动

在父元素CSS中添加
overflow:hidden
也可以清除浮动。



三.缺点

clear:both
会添加一行空元素。

overflow:hidden
会隐藏任何超出容器的边界的内容。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: