Question

我正在更改Flex for HTML / CSS / Javascript，但我在途中遇到了一些困难。

如果我可以创建相同的液体布局和xbrowser（是的......我知道）会很棒:)）

我按照下一个教程：http://www.cssplay.co.uk/layouts/flexible-3column-fix-flex-fix.html

但只有东西才能杀死我，页脚。我可以将它堆叠到底部，使内容100％吗？

感谢!!!!

Answer 1

您可以使用可在此处找到的粘性页脚方法http://www.cssstickyfooter.com/

Answer 2

由于CSS的怪癖，很难让你的页脚上方的内容达到你期望的100％。大多数浏览器会将其渲染为窗口高度的100％，而不是页眉和页脚之间的剩余空间。由于这个高度可能差别很大，你不能在它上面使用全能。

Answer 3

您可以尝试这样的解决方案：http://jsfiddle.net/steweb/wfmGN/

我在很多网站上使用过这个技巧，我很满意：D

标记：

<div id="wrapper">
    <div id="footer">I'm da foota</div>
</div>

的CSS：

body, html{
    height:100%;
    padding:0;
    margin:0;
}
#wrapper{
    min-height:100%;
    position:relative;
}
#footer {
    position: absolute;
    bottom: 0;
    width: 100px;
    background:#DEDEDE;
}

垂直布局（标题 - 菜单 - 内容 - 底部）

3 个答案: