Question

我有一个设置为800px宽的div，如果浏览器窗口调整为＆lt; 800像素。我想要的行为是让浏览器窗口滚动而不是div。这看起来很简单，但由于某种原因，我会挂断它。有什么想法吗？

div CSS：

div#main_container {
    border: 1px solid #FFF;
    width:800px;
    margin-left:auto;
    margin-right:auto;
    padding:0px;
    background-color:#FFF;
    overflow:hidden;
}

BODY CSS：

html, body {
    background-color:#000;
    border:0px;
    margin:0px;
    padding:0px;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 62.5%;
    overflow:auto;
}

我假设任何看到这个的人都有能力看到HTML和CSS。谢谢！

Answer 1

尝试在正文css中注释overflow: auto;。

Answer 2

从div中删除两个溢出属性，overflow:hidden，尤其是HTML元素中的overflow:auto。然后它会做你想要的。

Answer 3

想出来，我删除了两个溢出属性，并在我的浮动内容之后包含一个空div，其中包含clear：both属性。这导致浏览器窗口滚动而不是我的div和我的div扩展我的浮动内容。

此处找到解决方案： http://ask.metafilter.com/134982/How-can-I-make-a-div-expand-vertically-to-fit-its-floated-content

消除div中的水平滚动，有利于浏览器窗口中的水平滚动

3 个答案: