2014-01-13 129 views
0

試圖使父母div高度與其包含child-div匹配。使父母div高度符合孩子身高問題

<div id="parent"> 
    <div id="child"> 
     Content goes here 
    </div> 
</div> 

繼承人我CSS:

#parent { 
    width: 100%; 
    overflow: auto; 
    background-color: #f3efe7; 
    z-index: 1; 
    position:relative; 
    top: 100px; // I have a header that is 100px in height and set to position: fixed. 
} 

    #child { 
     max-width: 920px; 
     position: relative; 
     margin: 0 auto 0 auto; 
     padding-top: 50px; 
     padding-bottom: 40px; 
     text-align: center; 
     font-family: 'Open Sans', sans-serif; 
     font-size: 14px; 
     line-height:140%; 
    } 

的子內容被裁剪並沒有完全顯示出來。我究竟做錯了什麼?

親切的問候約翰

+1

做工精細http://jsfiddle.net/AKyYL/ – DaniP

+0

同意,它的工作原理http://jsfiddle.net/ – jcho360

+2

//這是不一個CSS評論 - > CSS永遠只有:/ *這是一個CSS評論*/ – caramba

回答

0

編輯:發現這是我的頁腳makeing問題......因爲它ontop的覆蓋和覆蓋內容的一部分。該頁腳CSS中的問題在哪裏?我只是不明白什麼使問題...

Here's the CSS for that: 

#footer-top { 
    width: 100%; 
    height: 10px; 
    background: #ffffff url('images/header/test4.svg') no-repeat; 
    z-index: 1; 
    position: relative; 
} 

footer { 
    width: 100%; 
    background-color: #f3efe7; 
    z-index: 2; 
    position: relative; 
    background-color: #ffffff; 
}