css - 如何居中底部固定div?

标签 css

我试图将页脚居中,但页脚 div 会直接移到左侧。 我的页面结构是:

<body>

    <div class="main_logo"> 
    </div>

    <div class="main_menu">
    </div>

    <div class="sub_menu">
    </div>

    <div class="main_content">
    </div>

    <div class="sys_breadcrumb">
    </div>

    <div class="sys_footer" >
    </div>

</body>

页脚 CSS 是

height:50px;
width:1184px;
margin:-25px 368px 0 368px;
display:block;

我添加了

position: fixed;
bottom:0;

最佳答案

如果它是固定位置,您(可能)不需要(或想要) margin 。删除 margin 声明并添加:

left: 50%;
margin-left: -592px;

请注意,592 是页脚宽度 (1184) 的一半。

关于css - 如何居中底部固定div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22673393/

相关文章:

javascript - 创建带有滚动条的下拉列表

html - 旋转和位置 :absolute (IE8 and lower)

css - 背景不透明度

html - Top & Left vs margin-top 和 margin-left

jquery - 为什么 jQuery.css ('width' ) 在不同的浏览器中返回不同的值?

javascript - 如何在网页页脚中添加上次修改时间?

javascript - 根据媒体屏幕/屏幕宽度缩小导航栏

css - Gatsby v2网站无法正确加载CSS

css - div 布局(浮在其他元素上)

html - CSS 布局挑战 - float /定位元素