4

だから、ここに私の状況があります：

私は div (以下のコードを参照)、非常に単純な . コードを実行すると、灰色のボックスが表示されます。しかし、私の意図は、その灰色のボックスがブラウザ ウィンドウの開始からそのブラウザ ウィンドウの END まで広がるようにすることでしたが、以下のコードは、白い境界線のように見える灰色のボックスを作成しています。

<div style="height: 30px; background-color: gray; color: white;">
   Hey
</div>

説明不足で申し訳ありませんが、私がやろうとしていることを言葉にする良い方法が見つかりませんでした. 前もって感謝します、

トム。

4

5 に答える 5

3

使用可能なすべてのスペースを div で埋めたい場合は、次を使用します。

width: 100%; 
height: 100%;

使用可能なスペースのパーセンテージでサイズを定義できます。

于 2013-07-03T17:24:29.240 に答える
2

正しく理解できれば、幅を 100% に設定する必要があります 

<div style="width: 100%; height: 30px; background-color: gray; color: white;">
   Hey
</div>
于 2013-07-03T17:25:27.300 に答える
2

width:100%;すべての水平スペースを埋めるために div に言うことを追加します。

于 2013-07-03T17:25:35.507 に答える
2

身長を維持したい場合：

<div style="height: 30px; width: 100%; background-color: gray; color: white;">
   Hey
</div>

また、白い境界線を取り除くには、これを追加します。body { padding: 0; margin: 0 }

于 2013-07-03T17:25:38.353 に答える
2 
<head>  
<style>
    body {
        padding: 0;
        margin: 0;
    }
</style>
</head>

<body>
<div style="height: 30px; width: 100% background-color: gray; color: white;">
   Hey
</div>
</body>

div の高さを 30 ピクセル、幅をずっとにしたいと仮定しています。これを行うには、div の幅を に設定し100%、本文にパディングがないことを確認します (これにより、要素が少し右に移動する可能性があります。reset.css を使用することをお勧めします)。

お役に立てれば！

于 2013-07-03T17:26:13.330 に答える