div使用中嵌套div后,作为背景的div不会随添加内容显示背景图片了
.container1{margin:0auto;width:1000px;background-image:url(images/bj.jpg);background-...
.container1 {
margin:0 auto;
width:1000px;
background-image:url(images/bj.jpg);
background-repeat:repeat-y;
}
这是作为背景的div层,起先还是正常使用的。后来就不会随着添加的内容继续显示了
.bkzz{width:974px;
margin-left:13px;
}只添加这种可以显示
.bkzz .bdzs{width:410px;
float:left;
height:600px;
}再添加这个层进去container1 就失效了,如图 展开
margin:0 auto;
width:1000px;
background-image:url(images/bj.jpg);
background-repeat:repeat-y;
}
这是作为背景的div层,起先还是正常使用的。后来就不会随着添加的内容继续显示了
.bkzz{width:974px;
margin-left:13px;
}只添加这种可以显示
.bkzz .bdzs{width:410px;
float:left;
height:600px;
}再添加这个层进去container1 就失效了,如图 展开
4个回答
展开全部
应该是你内部有div加了float:left;导致的问题,你可以在.container1内加一个 overflow:hidden;应该能解决问题,或者在不影响布局的情况下,.container1也加float:left;也是可以解决的
追问
添加了overflow:hidden;也没效果呢。
下面是想要两个div一左一右排布才给.bdzs这样的div设置了float的
追答
不是没效果,只是我对你的说明没有完全理解,我所针对的问题可能与你的不一样,我写下我所理解的问题好了
body{ height:100%; margin:0; padding:0;}
.div1{ width:200px; margin:0 auto; background:red; overflow:hidden;}
.div2 { float:left; background:green; height:100px; width:100px;}
.div3{ float:right; background:black; height:80px; width:100px; background-repeat:repeat-y}
删掉 overflow:hidden;父级将无法自动撑开
如果你的问题不是这个,那你还是把大概的布局参照我这样的写法写一下追问,今天也快下班了,明天再给你解决
展开全部
背景干嘛不用body去设呢.你意思是两侧的条不会随着内容增加而显示?
如果设高度的话,是能显示.想让内容自动增加背景也能显示就在.container1层里面的最下面加一个清除的DIV.就可以了.放在FF里是能自动识别的.IE高版本也可以.这就是IE啊.哎.
如果设高度的话,是能显示.想让内容自动增加背景也能显示就在.container1层里面的最下面加一个清除的DIV.就可以了.放在FF里是能自动识别的.IE高版本也可以.这就是IE啊.哎.
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
float:left;这个造成的,同级浮动的最后一个div清除浮动。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
看你HTML代码。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询