css div布局要注意两点

发布时间:2020-10-17编辑:脚本学堂
本文介绍了css div布局中的两点注意事项,有需要的朋友参考下。

在div+css布局中需要注意的两点。

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

或者,父div设置了overflow:hidden。

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

2,float出来的div不占文档流。

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

甚至整个div里面的所有内容都会浮动到浮动div的下面。