2012-09-02 135 views
0

我有一個div邊欄,可以在我的網站上滾動頁面。每次調整窗口大小時,側邊欄都會重疊頁面內容。如何防止div側邊欄重疊內容?

這裏是一個演示頁面顯示問題: http://wrasa.org/memberpage_demo.html

下面是菜單欄的解決問題的CSS代碼,我用我的網頁

.menubar {width: 200px;position: fixed;left: 20px;down: 200px;} 

任何建議或使用不同的代碼將受到歡迎,

在此先感謝!

回答

0

由於您使用的是固定位置, div將相對於瀏覽器保持固定,並且如果其他內容在該區域中移動,它將重疊。發生這種情況是因爲瀏覽器不會爲這些div分配任何空間。 在你的問題中,你可以通過指定主要內容左邊的最小邊距來解決問題,這可以通過最小寬度的CSS屬性來實現。只需在主內容的左側放置一個寬度爲最小的寬度。

你可以從這個鏈接

Using a percentage margin in CSS but want a minimum margin in pixels?

+0

Sush喜知道更多關於這一點,我不認爲我明白你完美,但我改變了代碼,這.menubar {位置:相對;向左飄浮;保證金:0},它仍然無法正常工作,請幫忙!謝謝! – Panpaper