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 回答