如何使這個div相對於主容器的位置

首先，對於這個愚蠢的問題感到抱歉。我在html上很糟糕。如何使這個div相對於主容器的位置

我有這個頁面。 http://www.places4two.de/如果您調整窗口大小，右側的廣告div與主容器重疊，我想要的是使此廣告div相對於主容器，並且如果調整大小，它應該在碰到主容器時停止。我怎樣才能做到這一點。

這是我的嘗試：

position: relative

和

position: fixed

，但他們沒有幫助。

來源

2013-10-12 doniyor

完全贊同@galleryguy。 –

你有沒有嘗試添加溢出：隱藏屬性到你的主div？ –

您的AdSense的寬度爲160像素，並可以在主容器寬度設置，

width: calc(100% - 160px);

這裏是小提琴：

http://jsfiddle.net/jzwjP/2/

將是它的原型，adsense寬度保持不變160px，而大容器寬度將根據您的瀏覽器調整大小，將通過瀏覽器寬度減去adsense寬度來計算。

來源

2013-10-12 19:10:37

謝謝，讓我檢查 – doniyor

我沒有看到容器右側的任何東西 – doniyor

我看到了，但在輸出中我沒有看到它。我看到輸出 – doniyor

我可能會把主要內容容器和廣告放在同一個容器中。我們將稱這個容器爲「包裝」。 #wrapper的寬度應等於主要內容容器的寬度加上廣告的寬度，再加上兩者之間的邊距以及邊框。它可以使用「auto」的左右邊距在體內居中。

現在的「包裝」中，你可以留下浮動的主要內容容器和廣告容器正確的，或者您可以使用相對絕對定位#wrapper指定：

#wrapper { 
    width: 1310px; 
    margin: 0 auto; 
    position: relative; 
} 

#main-content { 
    width: 1100px; 
    position: absolute; 
    left: 0; 
} 

#ad { 
    width: 170px; 
    position: absolute; 
    right: 0; 
}

希望有所幫助。

來源

2013-10-12 19:30:43

如何使這個div相對於主容器的位置

回答

相關問題