在div+css布局中需要注意的两点。
1,一个大的div里面长宽给定,内部又存在一个新的div,这个div不能完全放在父div中。那么就会overflow。
但是,这里overflow的部分对于与父节点平行的兄弟div中,在排版上可视为脱离文档流。
或者,父div设置了overflow:hidden。
这个设计也体现了面向对象的特点:封装。对于内部节点的细节我不需要知道。我能看到的是你这个节点,而不是你的内部节点。
2,float出来的div不占文档流。
注意:将来没有float的div如果在排版上刚好就在这个float的下面(浮动应该置于最高层),那么这个div里面的文字是会围绕着这个div出现的,而不是简单的位置上的叠加。
甚至整个div里面的所有内容都会浮动到浮动div的下面。