爲什麼不把我的邊欄放到我的頁腳？

我有我的側邊欄到100％的高度，它應該放到我的頁腳，但這不會發生，它只會減少邊欄中文本的數量。爲什麼不把我的邊欄放到我的頁腳？

我的CSS：

.left-sidebar { 
    float: left; 
    height: 100%; 
    width: 250px; 
    margin-left: -100%; 
    position: relative; 
    background: #B5E3FF; 
}

爲什麼我的側邊欄不會放棄我的頁腳？

工作例如：http://jsfiddle.net/4ore18kv/

來源

2015-02-23 Stormie

看看這篇文章關於粘頁腳可以幫助你瞭解HTML的結構：http://ryanfait.com/html5-sticky-footer/ – 2015-02-23 11:01:47

@stormie刪除高度：在CSS中的100％的HTML。那麼您的邊欄將隨其內容一起擴展。 – vivek 2015-02-23 11:03:42

它已經根據內容大小，這是問題。我希望它下降到頁腳，根據@ Pik_at的文章，可以通過使用'height：auto！important;' – Stormie 2015-02-23 11:05:11

Stormie，試試這個

.left-sidebar { 
    height: 100%; 
    width: 250px; 
    position: fixed; 
    background: #B5E3FF; 
    left:0px; 
}

來源

2015-02-23 11:17:24

對其進行了檢查;完美的作品。 – MCRocks999 2015-02-23 11:18:08

這是有效的，我正在評論問Bondye是否使用'position'而不是float。 – Stormie 2015-02-23 11:18:55

有一次，我在過去的一年中掙扎着，然後我發現這:) – 2015-02-23 11:21:06

爲什麼不把我的邊欄放到我的頁腳？

回答

相關問題