css如何清除float浮动 - css吧

level 6

life梦落芳华楼主

小编的代码如下所示，有一个左浮动div和一个右浮动div，下面还有一个p标签；小编是想p标签文字完整展示在两个漂浮框的下面；

看下浏览器预览情况，发现浮动没有闭合的时候会出现部分文字会被挤压在中间空隙中，无法一行显示，如图所示

2016年10月23日 09点10分 1

level 6

life梦落芳华楼主

解决方法
用overflow:hidden方法可以在两个浮动div外面加个容器，然后加上overflow:hidden 方法即可清除浮动；

2
加空div用clear:both方法
在两个浮动div下面加个空div，然后给空div加上clear:both 方法亦可清除浮动；

2016年10月23日 09点10分 2

level 5

最好的方法是，不要让浮动单独的排列，换句话说，就说浮动元素，他得有个父级，用于他的清浮动。试想一下，如果我要在你的这个基础上，在左右的那个地方添加删除或修改某些东西，你现在的这个布局很容易错乱的。

2016年11月02日 16点11分 4