1

2 つの全幅ヘッダーを作成する必要がありますが、position:absolute を使用すると、必要な margin-bottom を使用できないため、絶対位置を使用しないとそれらを行う方法が見つからないようです。私に何ができる？

これは私が試したことです：

<div class="header1">
</div>

<div class="header2">
</div>

.header1 {
background-color: red;
    margin-top: 110px;
    color: #FFFFFF;
    height: 35px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.header2 {
background-color: blue;
    margin-top: 150px;
    color: #FFFFFF;
    height: 35px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
4

1 に答える 1

2

問題を正しく理解しているかどうかはわかりませんが、

body {
    margin:0
}
.header1 {
    background-color: red;
    color: #FFFFFF;
    height: 35px;
    width: 100%;
}
.header2 {
    background-color: blue;
    color: #FFFFFF;
    height: 35px;
    width: 100%;
}

2 つの全幅ヘッダーが表示されます

デモ

于 2013-05-22T14:37:01.173 に答える