我正在寻找一种方法,在页面顶部有一个固定元素,根据页面宽度改变高度,这也会推回下面的内容.到目前为止,我已经做了一些事情,但我希望有一个更清洁的解决方案.我所做的是拥有2个具有相同内容的顶级元素.一个设置为固定位置,另一个设置为相对位置,但没有不透明度...
#top-1 { position: fixed; background-color:#fff}
#top-2 {position: relative; opacity:0;}
#content { background-color: #FFF; background-color:#CCC }
我在这里建立了一个例子http://jsfiddle.net/q3G7F/6/
它正是我需要它的工作方式,但也许有人有更好的想法？
谢谢,