1

これは非常に単純なことですが、なぜこれを達成できないのかわかりません。

私がしたいこと？

ユーザーの画面と同じ幅になる 3 つのボックスが必要で、それらを互いに積み重ねる必要があります。また、左右に表示される空白も削除したいと思います。

私は何を試しましたか？

<div class="box box1">
</div>
<div class="box box2">
</div>
<div class="box box3">
</div>

.box {
     width: 100%;
     float: left;
     height: 300px;
     margin-bottom: 20px;
}
.box1 {
     background: red;
}
.box2 {
     background: green;
}
.box3 {
     background: yellow;
}
4

1 に答える 1

2

それらをしないfloatでください。width: 100%を削除すると冗長になりますfloat。

側面の空白は、おそらくbody要素のマージンまたはパディングです。body { margin: 0; padding: 0}CSSに追加するだけです。

于 2013-08-24T21:03:16.653 に答える