html - 如何从左右两侧平均定位元素？

Question

我有一个宽度可变(由于屏幕分辨率不同)和 125 像素高度的元素。我希望它距离左边 125px，距离右边 125px。在某种程度上，它是居中的，我猜。我怎样才能做到这一点？也许我的问题措辞非常糟糕，但当我用谷歌搜索甚至搜索 stackoverflow 时都找不到答案。

这是 css(我知道 right:125px; 不起作用，但我添加它是为了让你们有点理解我想要达到的效果？):

#header {
 position:fixed;
 width:100%;
 height:125px;
 top:0;
 left:125px;
 right:125px;
 text-align:right;
 background:black;
 color:white;
 font-size:100px; }

这是 html:

<div id="header">header</div>

和 fiddle :http://jsfiddle.net/k4tefz34/4/
非常感谢你们;o;

Answer 1

它运行良好，但只是您将宽度定义为 100%，所以它会导致从右侧显示。只需将 250 像素(左值 + 右值)宽度从 100% 减小，然后看到左 125px 和右 125px:

#header {
     position:fixed;
     width: calc(100% - 250px);
     height:125px;
     top:0;
     left:125px;
     right:125px;
    text-align:right;
     background:black;
    color:white;
    font-size:100px;
 }

demo