1

DIV をページの下部に伸ばし、その上に要素を配置しようとしています。これは基本的に機能しますが、その上の要素の高さが DIV に追加されます。

jsFiddle の例を参照してください: http://jsfiddle.net/CjKFX/

これを修正する方法は？

4

1 に答える 1

0

CSS:

html, body {height: 100%;}

#header, #headline { position:absolute; width:100%; top:0; }

#header {height: 100px; z-index:1; background-color:#f40; }
#headline {height: 100%; top:100px; margin-top:-100px; background: #000;}

HTML

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
        <header id="header">
            header
        </header>

        <section id="headline">
            section
        </section>

    </body>
</html>

http://jsfiddle.net/Zeggw/

</p>

于 2012-10-03T19:47:41.053 に答える