2015-03-02 81 views
0

也許有人知道問題在哪裏,爲什麼我的邊欄重疊頁眉和頁腳。傳單邊欄-v2問題重疊

HTML

<div id="sidebar" class="sidebar collapsed"> 
    //sidebar content 
</div> 

<div id="map" class="sidebar-map"></div> 

CSS

#map { 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    height:100%; 
    width: 100%; 
} 

老版邊欄的正常工作。

+0

http://oi58.tinypic.com/14d0f3o.jpg – 2015-03-02 17:13:09

回答

0

雖然很難說JSfiddle或Plunker上沒有適當的測試用例,但是:如何在#sidebar上設置margin-topmargin-bottom您的側邊欄元素?

CSS:

#sidebar { 
    margin-top: ?px; 
    margin-bottom: ?px; 
} 
+0

頁腳沒有一個固定的高度,這取決於屏幕分辨率。在這種情況下,側邊欄不等於地圖高度。我需要將邊欄設置爲地圖的尺寸​​。如果我將側邊欄div放入地圖div,會發生這種情況,但隨後.leaflet-left(縮放控制,...)被推到右側400-500px。 – 2015-03-02 18:34:02

+0

也許你可以創建一個測試用例,最好在Plunker上?這裏有一個包含邊欄v2的樣板:http://plnkr.co/edit/5GnUQK – iH8 2015-03-03 01:40:03

+0

我在頁面底部固定了頁面底部(html,body {height:calc(100% - 26px);})和然後使用margin-top和margin-down。它爲我解決。 – 2015-03-08 12:52:55