【问题标题】:Liquid CSS layout issuesLiquid CSS 布局问题
【发布时间】:2010-01-21 09:02:54
【问题描述】:

好的,我的个人网站有一个基于 CSS 液体 div 的布局。地址是 http://danberinger.com/preview.html

问题是我不希望页脚部分像内联显示一样,因为现在当窗口拉伸超出 intro_container 所需的像素宽度时,它会将页脚 div 移动到它的右侧.我希望此页脚留在页面底部,而不是在空间允许的情况下向上和向右移动。

感谢您提供的任何帮助。到目前为止我很喜欢这个论坛,非常有帮助。

【问题讨论】:

    标签: css html liquid-layout


    【解决方案1】:
    #footer {
        clear: both;
    }
    

    这将确保它始终被推到所有其他浮动内容的下方。这似乎提供了您所要求的效果。

    【讨论】:

    • 第一个回答有效,但它没有像需要的那样将页脚居中,而且它更像是我想要的 css 修补版本。这是正确的做法,非常感谢!
    【解决方案2】:

    这是针对它的 css 修复

    #footer{
    position:absolute;
    bottom:0;
    }
    

    【讨论】:

    • 这不起作用我相信因为消息框和图片都浮动在它们的容器内,因此当我使用该 CSS 修复时,它会将页脚放在浮动项目的顶部..跨度>
    • 从头开始,你是对的,它只是在 Dreamweaver 中表现得很有趣,谢谢
    • 如果视口小于网站的高度,这将做可怕的事情。页脚将粘在视口底部,而不是实际页面的底部。
    • 是的,我应该考虑先清除浮动。我想因为它们嵌套在另一个包含 div 中,然后从那里居中,所以我认为这不是问题。我不是 CSS 专家,但我想我知道一点。非常感谢您提供正确、正确的方法!
    猜你喜欢
    • 1970-01-01
    • 2018-09-27
    • 2013-09-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多