如何阻止内容在固定标题下滚动以覆盖背景边距

时间:2014-05-25 06:44:31

标签: html css

简单的概念,很难解释。请看小提琴:http://jsfiddle.net/tkyoung75/TZWEY/ 我遇到的问题是我想要一个页面周围的边框图像,如桌面,然后一个固定的标题总是在顶部(同样为页脚),然后内容滚动内部。唯一的问题是,当我向下滚动时,内容在标题下滚动,然后重新出现在它上面。有没有办法阻止它再次出现?我正在考虑固定大小的内容窗口大小与overflow-y:滚动但不想要额外的滚动条。任何建议/解决方案?

HTML:

<body>
    <header>HEADER</header>
    <div id="content">
        blah<br>blah<br>times 40 or so to get a scroll effect.
    </div>
</body>

的CSS:

body {
    margin: 17px;
    background-color: green;
    }
header {
    position: fixed;
    background-color: blue;
    width: 100%
    }
#content {
    background-color: white;
    }

0 个答案:

没有答案