Question

我有以下网站结构：

<body class="body>
    <div class="main">
        <div class="header" />
        <div class="content" />
    </div>
</body>

这是我的css代码：

.body {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow:hidden;
}

.main {
    margin: 0 auto;
    overflow: hidden;
    width: 900px;
}

.header {
    min-height: 60px;
    padding: 30px 30px 0;
}

.content {
    padding: 15px;
}

在我的内容div中，我有一个很长的文本。问题是，文本大于浏览器的可见区域，但没有显示滚动条，所以在我看来，好像内容div没有被拉伸以显示其所有内容。

我怎样才能实现后者？

Answer 1

删除overflow:hidden并为正文类添加overflow:auto。还缺少身体类中的关闭"。

.body {
height: 100%;
margin: 0;
padding: 0;
width: 100%;
overflow:auto;
}

DEMO

如果子div更大，则拉伸父div

1 个答案: