儿童div没有扩大内容

时间:2012-07-31 15:56:59

标签: css layout html

我已经在stackoverflow中看了几个答案但没有成功,所以让我在这里发布我的链接:

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

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

知道我在这里做错了吗?我已经尝试了clear:both;关于儿童div,但没有运气。

2 个答案:

答案 0 :(得分:0)

尝试移除高度:100%;从你的元素。如果要将其扩展为内容的长度,则不希望指定高度。此外,它只会扩展到窗口的长度。

答案 1 :(得分:0)

  1. height: 85%;移除#content_text
  2. position:absolute;position:relative;替换为float:left;
  3. 将所有topleftpadding替换为margin
  4. 例如:

    #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;
    }