Question

我试图将我的页脚居中，但页脚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;

Answer 1

如果它处于固定位置，您（可能）不需要（或想要）边距。删除保证金声明并添加：

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

请注意，592是页脚宽度的一半（1184）。

Answer 2

删除你的保证金 - 然后你去：http://jsfiddle.net/96wMW/

.sys_footer {
    height:50px;
    width:1184px;
    display:block;
    background-color: red;
    position: fixed;
    bottom:0;
}

Answer 3

此处：http://jsfiddle.net/vHNyb/5/

.sys_footer {
 background-color: red;
 position:fixed;
 bottom:0;
 width:100%;
 height:50px;
 width:1184px;
 margin:0;
 display:block;
}

如何居中底固定div？

3 个答案: