0

これはおそらく簡単な質問です。背景色のあるヘッダー テキストがあります。テキストが停止すると、背景色も停止します。背景がコンテナの全長を埋めるようにします。

<body>

 <div class="container">
   <p><span style="color:#ffffff; font-size:30px; background-color:#e12025;">I want the background-   color stretched across the container</span>
 </div>

</body>

CSS:

body {
background-color:#e12025;
align:center;
font-family:sans-serif;
color:#000000;
font-size:28px;
}

.container {
background-color:#ffffff;
position:relative;
margin-left:auto;
margin-right:auto;
height:1785px;
width:900px;
border-style:none;
padding:10px;
}

例を次に示します: http://mm2.co/background-color

4

2 に答える 2

1

コンテナ内のすべてをコンテナ全体に「伸ばす」必要がある場合は、コンテナ内のパディングを削除します。

.container {
    padding:10px; /* remove this */
}

コンテナの上部/下部のパディングを維持したい場合は、代わりに次のようにします。

   .container {
        padding:10px 0px; /* add the 0px */
   }

また、スパン段落ブロックの表示を作成したいと思うでしょう。

これに追加/変更:

<span style="display:block;">text here..</span>

于 2013-08-28T01:05:16.573 に答える
0

うーん...

.container {
    display: block;
}

?

于 2013-08-28T00:58:30.210 に答える