0

我是编码新手,有一个我无法弄清楚的小问题。我有一个#wrapper div定义,允许我将我的内容集中在页面上并将背景着色为白色(背景颜色在 css 中定义)。每当我将 height 属性设置为 auto 时,在呈现时我的页面顶部都会有一个白框,它似乎代表我在#wrapper属性中设置的填充定义。渲染时我的实际页面高度很好,这意味着所有内容都按预期显示,但是使白框延伸到页面底部以使整个背景为白色的唯一方法是输入一个固定的高度值。这是我所拥有的:

#wrapper {
     width: 940px;
     height: auto;


    /* border-top: 1px solid #000000;
     border-right: 1px solid #000000;
     border-bottom: 1px solid #000000;
     border-left: 1px solid #000000; */

     margin-left: auto;
     margin-right: auto;
     margin-top: 10px;
     margin-bottom: 10px;

     padding-top: 10px;
     padding-right: 20px;
     padding-bottom: 10px;
     padding-left: 20px;

     position: relative      
}

任何帮助肯定不胜感激!

4

2 回答 2

0
#wrapper {overflow: hidden}

或者

#wrapper {overflow: auto}
于 2013-03-26T14:19:17.703 回答
0

如果您希望#wrapper div 扩展到页面底部,您需要提供明确的高度。高度:自动将调整以仅适合内容。如果#wrapper 是您的主页 div 的直接子元素或就在您的 body 下方,您可以将该父元素(body 或某些 div)设置为 100% 或静态值,然后将您的 #wrapper 设置为该值的百分比喜欢...

我不提倡内联样式!!只是一个例子

<body style="height: 480px">
    <div id="wrapper" style="height: 95%">
        content!
    </div>
</body>

正文也可以是一个百分比,然后会调整到窗口高度,可能会起作用,但可能不是您想要的,只是另一种选择。

于 2013-03-26T14:24:40.353 回答