css div布局的注意事项

发布时间:2019-12-16编辑:脚本学堂
本文介绍了div+css实现网页布局的二个注意点,css div布局有很多的注意事项,比如大的div里面长宽给定,内部又存在一个新的div,这个div不能完全放在父div中。那么就会overflow、float出来的div不占文档流等。

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

或者理解为:父div设置了overflow:hidden。

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

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