当前位置：文江博客话题详情

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

发布于 2024-10-17 10:07:24 字数 350 浏览 1 评论 0原文

我正在将 Flex 更改为 HTML / CSS / Javascript，但我发现一些困难。

如果我可以创建相同的液体布局和 xbrowser（是的...我知道），那就太好了：）

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

但只有页脚的事情快要杀了我。我可以将其堆叠到底部以使内容为 100% 吗？

谢谢！！！！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

耶耶耶 2024-10-24 10:07:24

您可以尝试这样的解决方案： 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;
}

You could try a solution like this: http://jsfiddle.net/steweb/wfmGN/

I used this trick for lots of websites and I'm satisfied :D

markup:

<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;
}

回复收藏 0 原文