div设置了浮动没有用,6个div实现两行三列

div设置了浮动没有用,6个div实现两行三列

如果浮动元素的容器没有设置高度，容器的高度会根据浮动元素的高度自动调整，这可能会导致网页布局混乱。 因为从这个话题我们更容易看出，如果不关闭（清除）浮动元素，后果将是div的高度无法自动增加。 言归正传，目前用于清除"close(clear)float"

＋▽＋ 设置div的宽度，然后添加margin:0auto属性div{width:200px;margin:0auto;}和centerafloatingelement.div\{Width:500px;height:300px;//高度不需要margin:-150px00-250px1.里面有一个浮动框，形成BFC，可以关闭内部浮动。 最好的办法是为浮动元素的父元素设置"overflow:hidden"。2.为后续父元素设置"clear:both"。Claer表示浮动对自身的影响是clear，both

现在，虽然添加了一个空除数，但浮动并没有被清除，所以当前的效果是第三个子元素.nofloati仍然受到浮动的影响。 好的，现在addclearfloatto.clear:.clear{clear:both;}刷新效果，效果将会出来：