1

我有一个背景有 2 种颜色切成两半。页面有粘性页脚。

有没有更好的方法可以做到这一点并且仍然保持粘性页脚？我做了一些研究，但这一切都会影响粘性页脚。

* {margin:0;}
html {position: relative; min-height: 100%; background:#F6E038;}

body {margin: 0 0 100px;}/* bottom = footer height */
.footer{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%; background:gray;
    }

<body>
<div id="container"></div>
<div class="footer"></div>
</body>
4

1 回答 1

1

您可以简单地在正文和包含之间添加一个 div。这工作得很好。

#red{position:fixed; background:red; width:50%; height:100%; z-index:-1}

<div id="red"></div>
于 2013-04-10T12:52:04.763 回答