2013-03-25 46 views
1

我的側欄有問題...它是固定的div,以便它與頁面一起滾動...但是當涉及到頁面底部時。在較小的瀏覽器我的側欄與有「子」如何阻止頁腳上的固定側欄

的ID這是我的側邊欄的CSS ...

.sidebar.sticky { 
    position: fixed; 
    top: 0; 
    max-width: 210px; 
} 

如何從我的重疊頁腳停止此頁腳重疊?

+0

工作。 – 2013-03-25 09:55:40

+0

嘗試使用z-index'.sidebar.sticky {z-index:100;} #sub {z-index:50;}' – HamZa 2013-03-25 10:04:23

回答

0

在您的.sidebar css中有一個margin-bottom屬性。假設您的頁腳已20px高度設置爲CSS margin-bottom:20px;

編輯:您還可以設置底部:20px的;

小提琴:在您的頁腳像填充左或padding-right.it可能會更容易 http://jsfiddle.net/WCuq3/

+0

不幸的是,由於位置頂部設置爲0,所以不起作用... – 2013-03-25 09:48:34

+0

請查看我的編輯 – 2013-03-25 09:56:58