css - 子 div 不随内容扩展

Question

我已经在stackoverflow中查看了一些答案，但没有成功，所以让我在这里发布我的链接：

http://www.copycopy.it/index.php?go=how

例如，在此页面上，白色 div (#body_content_container) 应随内容扩展，但事实并非如此。此页面也是如此：http: //www.copycopy.it/index.php?go=termsAndConditions

知道我在这里做错了什么吗？我已经尝试clear:both;过儿童div，但没有运气。

Answer 1

尝试移除高度：100%；从你的元素。如果您希望它扩展到内容的长度，您不想指定高度。此外，无论如何它只会扩展到窗口的长度。

Answer 2

1. height: 85%;从中删除#content_text。
2. 将position:absolute;和position:relative;替换为float:left;。
3. 替换任何top,left或padding。margin

例如 ：

#columnHeader {
    float: left;
    text-align: center;
    width: 940px;
}

#column1 {
    float: left;
    margin: 0 10px 0 0;
    text-align: justify;
    width: 285px;
}

#column2 {
    float: left;
    margin: 0 0 0 40px;
    text-align: justify;
    width: 275px;
}

#column3 {
    float: left;
    margin: 0 0 0 10px;
    text-align: justify;
    width: 320px;
}