在固定位置元素周围需要多个边框

Question

我有一个白色背景的粘性标题。页面背景也是白色的。当用户向下滚动页面时，我想从内容中设置标题，因此我给标题添加了一些填充和一个1像素的浅灰色底部边框。但我想在灰色下面留一个10px左右的白色条带，所以内容看起来不那么斩断。查看firebug布局选项卡中的盒子模型表明，定义10px底部边距可以为我做，但这没有任何效果。 （我正在使用免费的Catch Evolution wordpress主题在我的本地机器上进行开发，到目前为止，我已经在Chrome和Firefox 38中查看了我的结果。两者之间的边界问题没有区别。）

我阅读了多个边界：在here之前和之后：但我不认为这会对我有所帮助，因为我使用的是固定位置。

Answer 1

请改用两个div。 （请记住设置第一个的height）

<div style="position: fixed;">
  <div id="content" style="height: 90%; position: relative; border-bottom: 1px solid gray;">
    Your header
  </div>
</div>