0

画面全体にまたがる赤い線を作成する必要があります。

http://jsfiddle.net/k86gc/

<!DOCTYPE html>
<head>
<style type="text/css">
#redBar{ width: 100%; height: 10px; z-index: -1; margin-top: 80px; background: #D2232A;}
#heading{ width: 768px; margin-left: auto; margin-right: auto; margin-top: 80px;}
</style>
</head>
<body>
<div id="redBar"></div>
<div id="heading"> Heading</div>
</body>
</html>

水平スクロール バーで右にスクロールすると、赤いバーが表示されないことに注意してください。

4

1 に答える 1

1

これにはさまざまな方法があります。あなたのアプローチを使用して、に追加position: fixedするだけ#redBarです。この更新された jsFiddleを参照してください

于 2013-09-19T19:33:10.583 に答える