sinat_33383296 2015-12-15 05:09 采纳率: 0%
浏览 3873

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的右边就会留有空白,而且是页面缩小越多就,留白越多。
希望大神指导。感谢!感谢!感谢!图片说明

  • 写回答

3条回答 默认 最新

  • 月苍 2015-12-15 05:46
    关注

    内层div的width会受限于外层div的width。。 看看你留白的adv-box外层是否套有别的已经设置好width的div

    评论

报告相同问题?

悬赏问题

  • ¥30 这是哪个作者做的宝宝起名网站
  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据,怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据,怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题!