Question

我想动态追加body一个固定位于底部框的末尾，其宽度为1000像素，水平居中。

当我用百分比宽度创建它时，我可以很容易地添加边距，一切都很好，但是当我以像素为单位时，我不能再添加边距（它必须是响应）。 auto也不起作用。

我该怎么做？

<div style="position: fixed; bottom: 0; width: 1000px; margin: 0 auto; padding: 0;height: 100px; background-color: green;">
</div>

Answer 1

也可以尝试：

div{
  position: fixed; 
  bottom: 0; 
  width: 1000px; 
  left: 50%;
  transform:translateX(-50%);
  height: 100px; 
  background-color: green;
}

Answer 2

试试这个：

if (item.size()==0) {return TRUE};
for i from 0 to payload.size()-item.size() {
    if (item == payload[i..i+item.size()-1]) {
        return TRUE;
    };
};
return FALSE;

div{
  position: fixed; 
  bottom: 0; 
  width: 1000px; 
  left: 50%;
  margin-left: -500px;
  height: 100px; 
  background-color: green;
}

Answer 3

http://jsfiddle.net/eesry2ss/

＆＃13;

body:after {
    content:"";
    width: 1000px;
    height: 100px;
    position: fixed;
    left: 50%;
    bottom:0;
    margin-left: -500px;
    background-color:green;
}

＆＃13;

Answer 4

尝试使用CSS3，以避免为边距提供像素的计算值。

left:50%;
transform: translateX(-50%);

这是一个演示：https://jsbin.com/zejutisabo/edit?html,css,output

中心位置水平固定

4 个答案: