2013-02-11 94 views
0

我有一個網站,作爲背景在身體上的漸變。 .main div絕對定位。我希望它和它裏面的內容具有相同的高度,但我該如何實現它?絕對定位與相對的兒童相同的高度

+4

分享您的代碼以幫助您 – 2013-02-11 16:51:03

+0

您絕對不希望將父母定位爲相對定位的孩子。你想要另一種方式。很可能,這是你問題的根源。請閱讀我在我的回答中發佈的文章以獲取更多信息。 – 2013-02-11 17:04:01

回答

1

絕對沒有你的主/容器/包裝div被絕對定位。它是定位相對

<div class = "main"> 

    <div class = "content">....</div> 

</div> 

然後你有你的CSS:

.main { 
    position: relative; 
    margin: 0 auto; 
} 

.content { 
    height: 100%; 
} 

看這個jFiddle:http://jsfiddle.net/persianturtle/3eJGr/

什麼絕對定位確實可以發現here

一個片段一個偉大的文章:

完全從文檔 流程中移除絕對定位的元素。這意味着它們對它們的父元素或源代碼中出現的元素都沒有任何影響。因此絕對定位元素將與其他內容 重疊,除非您採取措施來阻止它。

+0

您可以看到主div具有藍色背景,但由於內容div填充了整個區域,因此無法看到它。 – 2013-02-11 16:55:29

+0

我需要它被絕對定位,因爲我想居中它,並且我想要在主包裝的邊框和屏幕邊之間有一個居中的圖像。因此,它需要被絕對定位。 – 2013-02-11 18:03:48

+0

我認爲還有更好的辦法。但是,如果沒有代碼,很難向您證明。你能不能分析一下你的情況? – 2013-02-11 18:07:16

1

如果你的絕對定位的div裏面的元素相對定位,並具有寬度和高度,你可以將這個CSS用於您的.main DIV:

height:auto; 

這將計算取決於所有的高度高度