编辑2：
这是版本的Webkit浏览器(如询问意见)，与最新的Chrome测试版本，并且完全为我工作：http://jsfiddle.net/HvVst/1/
使用-webkit-calc()而不是calc()。
编辑：然后，你必须减去1px的边框到0.5em填充，这样的： http://jsfiddle.net/HvVst/
HTML：
normal div
Sample Text 1
Sample Text 2
Sample Text 3
Sample Text 4
Sample Text 5
Sample Text 6
Sample Text 7
Sample Text 8
CSS：
#banner{
position: fixed;
top: 0;
left: 0;
z-index: 9;
background: #fff;
width: calc(100% - 1em);
padding: calc(0.5em - 1px); /*
border: 1px solid red;
height: 50px;
}
#main{
margin-top: calc(50px + 1em);
border: 1px solid blue;
height: 500px;
}
它适用于固定位置/绝对位置，但是(如果没有亲属父母指定为绝对位置，且始终为固定位置)，它指的是窗口宽度，而不是容器宽度。
(100％ - 1EM)=不包括滚动条窗口的100％......
什么是你想达到什么目的？
如果你想在父母的界限绝对位置，设置父位置：相对...
)
