0

私は現在、このように見える HTML の一部を持っています。これは簡易版です。

<div id="content">
   <div id="screenshot">
      <img src="res/screenshot.png" />
   </div>
   <div id="introduction">
      <p>This is just some text</p>
   </div>
</div>

そして、私のCSSは次のようになります。

#content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: blue;
}

#screenshot img {
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
}

#introduction {
    position: relative;
    top: -100%;
    left: 200px;
    width: 500px;
    height: 100%;
}

そして私の問題は、「背景：青;」ということです。画像を選択するだけで、テキストは折り返されません。ところで、テキストの背景を青にする方法は知っていますが、#content. それが役立つ場合、#contentの親は CSS でこれです。基本的に、必要なのは、何かを行うと#content、両方の子 div に影響することです。#screenshots現時点ではにのみ影響します。:/

#content-wrapper{
    position: absolute;
    width: 100%;
    height: 340px;
    left: 0;
    top: 50%;
    margin-top: -170px;
}

ありがとう、ゼオキラ

編集:必要なのは、何かを行うと#content、両方の子divに影響することです。#screenshots現時点ではにのみ影響します。:/

4

2 に答える 2

2

の幅を指定してみてください#content。

要素が絶対配置されている場合、その幅がデフォルトで 100% にならなくなりました。

于 2012-08-05T17:27:11.043 に答える
0

じゃないかな…

background-color:blue;

また、常に背景の色を継承できます。

あなたが言うように画像に表示されている場合は、divにも幅|高さを追加してください。

またはあなたが試すことができます

#content > #introduction > P {
    background-color:blue;
}
于 2012-08-05T17:26:27.863 に答える