html - 自动高度不扩展内容背景

Question

我是编码新手，有一个我无法解决的小问题。我定义了一个 #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      
}

非常感谢任何帮助!

Answer 1

#wrapper {overflow: hidden}

或

#wrapper {overflow: auto}