问题描述
- CSS中页面缩小的时候右边会留白,恼人,网上找了好多方法没用。
-
先上代码:<body> <div class="header color1"> <p>aaa</p> </div> <div class="adv-box color2"> Fill up later! </div> <div class="bg-box "> aaa </div> </body> css中的代码如下: .bg-box{ width:100%; min-height:1700px; border:1px solid black; margin:0; padding:0; } .header{ width:100%; height:70px; margin:0; padding:0; position:fixed; } .adv-box{ height:200px; width:100%; margin:0; padding:0; }
问题来了,我的header宽度是100%,而且是fixed,固定不动的,这个没问题。
问题是我的adv-box宽度也是100%,当网最大化的时候是没问题的,可是一旦
网页缩小,adv-box的右边就会留有空白,而且是页面缩小越多就,留白越多。
希望大神指导。感谢!感谢!感谢!
解决方案
内层div的width会受限于外层div的width。。 看看你留白的adv-box外层是否套有别的已经设置好width的div
解决方案二:
你这个代码和css肯定么有问题,右边不会有空白边。。要贴就贴全部代码全来,要不还不如不贴
时间: 2024-09-17 04:30:54