css3 固定,CSS3 calc（）不适用于固定位置/绝对位置

编辑2：

这是版本的Webkit浏览器(如询问意见)，与最新的Chrome测试版本，并且完全为我工作：http://jsfiddle.net/HvVst/1/

使用-webkit-calc()而不是calc()。

编辑：然后，你必须减去1px的边框到0.5em填充，这样的： http://jsfiddle.net/HvVst/

HTML：

FIXED HEADER

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％......

什么是你想达到什么目的？

如果你想在父母的界限绝对位置，设置父位置：相对...