为什么不把我的边栏放到我的页脚？

我有我的侧边栏到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

为什么不把我的边栏放到我的页脚？

回答

相关问题