重疊div，絕對相對？

我正在處理的wordpress主題具有橫跨整個內容區域的標題。重疊div，絕對相對？

這些標題由絕對定位在100％寬度的側邊欄重疊。

問題是，當側邊欄的內容超過了頁面的內容時，它會將我的包裝頁面延伸到頁腳的頂部，而不會將頁面強制關閉（因爲它絕對沒有其他內容）。

所以我的問題是，如何才能做出一個絕對定位的股利，成爲相對的，基本上「推」我的腳，或者有更好的方法來做到這一點？

另外，如果有人有這樣做的例子將會很棒！

編輯：

側邊欄絕對定位，因此它可以在側邊欄的頂部鋪設。我沒有一個在線示例，因爲我正在執行本地服務器設置，其他所有內容都是相對的位置，並且可能會浮動。

形象的例子：

http://imagecheese.com/gallery/stackquest.png

來源

2010-03-02 askon

我對你的問題有點困惑。代碼示例將使社區更容易幫助你。 – UmYeah 2010-03-02 21:57:37

經過一天工作緩慢，我設計了一種沒有絕對定位的方法。

它看起來像我可以使用浮動重疊帖子標題，並使用wordpressapi的clear:both;建議強制頁腳下降。有時候，解決的方式過於簡單:)

這裏是我的（可怕有色）例如：

<html> 
</head> 
<body style="width:100%;height:100%;margin:0;padding:0;background:#000;"> 
<div id="wrap" style="width:1005px;margin:0 auto;background:#003"> 
    <div id="header" style="height:280px;width:100%;background:#C9C;"></div> 
    <div id="sidebarwrap" style="width:330px;height:100%;background:#09F;float:right;margin:0 42px 0 0;opacity:0.9;"> 
    <ul id="sidebar"><li style="height:1250px;"></li></ul></div> 
    <div id="title" style="width:100%;height:122px;background:#C3C;"></div> 
    <div id="thecontent" style="width:550px;background:#909;margin:0 0 0 42px;"></div><br /><br /><br /><br /> 
    <div id="title" style="width:100%;height:122px;background:#C3C;"></div><br /><br /><br /><br /> 
    <div id="title" style="width:100%;height:122px;background:#C3C;"></div><br /><br /><br /><br /> 
    <div id="title" style="width:100%;height:122px;background:#C3C;"></div><br /><br /><br /><br /> 
    <div id="footer" style="width:100%;height:400px;background:#90C;clear:both;position:relative;"></div> 
</div> 
</body> 
</html>

來源

2010-03-05 21:55:46 askon

從理論上講，你是正確的。使它position: relative應恢復正常流量，這將推下頁腳。也就是說，爲什麼absolute擺在首位可能有一個很好的理由。

來源

2010-03-02 22:06:26

你已經明白了。問題是相對位置不會讓我重疊帖子標題div。（請參閱圖像示例） – askon 2010-03-04 13:03:58

嗯......我不確定有沒有辦法解決這個不涉及JavaScript的方法。您可能需要在頁面加載時檢測邊欄的高度，然後在足夠高的包裝上設置固定高度。 – 2010-03-04 16:18:48

重疊div，絕對相對？

回答

相關問題