CSS div布局需要注意的两点

前端  /  管理员 发布于 7年前   150

1.一个大的div里面长宽给定，内部又存在一个新的div，这个div不能完全放在父div中。那么就会overflow。但是，这里overflow的部分对于与父节点平行的兄弟div中，在排版上可视为脱离文档流。

或者说，可以这么简单的理解：父div设置了overflow:hidden。

这个设计也体现了面向对象的特点：封装。对于内部节点的细节我不需要知道。我能看到的是你这个节点，而不是你的内部节点。

2.float出来的div不占文档流。但是要注意的是：将来没有float的div如果在排版上刚好就在这个float的下面(浮动应该置于最高层)，那么这个div里面的文字是会围绕着这个div出现的，而不是简单的位置上的叠加。甚至整个div里面的所有内容都会浮动到浮动div的下面。