最近在写网页时遇到了一个头疼的问题,我写的导航栏和广告栏重叠在一块,这下给我难住半天,查百度得知class=left的div盒子使用了浮动属性float:left,class=nofloat未使用。这样一个浮动DIV,一个未使用float浮动属性,所以就造成重叠现象。我复查我的代码发现确实出现上面的情况,解决的办法有三种
1、两个均使用float浮动属性
对.left和.nofloat设置float属性,解决遮挡层叠。
2、两个都不使用浮动属性。
两个div都不设置float浮动,解决重叠问题。
3、第一个div设置float,第二个div设置margin属性利用间距让其不重叠
这种方法也是布局常用的,前提是带float要设置宽度,同时不带float的div设置margin属性,利用间距方法,让没有设置float的div错开设置float,实现div不重叠。
这三个方法我轮流试,明明感觉可以,可依然没有效果,这是为啥呢?我注视着我的代码,陷入沉思,是不是导航栏的原因,我的导航栏是固定在头部不动的,上面三个方法不管用,说明不是浮动的原因,可能是我第二部分div起始位置就是顶部,我给它在上面加一个空白的div占位,我又看了眼原代码,果然也是这样解决的