CSS - 股利不會算子格

目前，我有我的HTML，看起來有點像這樣的組成部分。這是一個簡化版本。CSS - 股利不會算子格

<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; 
}

感謝，zeokila

編輯：我需要的是，如果我做一些事來#content，它會影響孩子的div。它目前僅影響#screenshots。：/

來源

2012-08-05 Alexandre Hitchcox

嘗試指定寬度#content。

當一個元素被絕對定位時，其寬度不再默認爲100％。

來源

2012-08-05 17:27:11

謝謝，這解決了我的問題。對不起，我沒有解釋太多，我不知道如何，但它解決了我。 – 2012-08-05 17:32:14

不用擔心。很高興工作！ – 2012-08-05 17:33:27

難道不應該是...

background-color:blue;

而且你總是可以繼承背景的顏色;還高度到div |

如果它顯示的圖像就像你說的，那麼也許增加的寬度。

或者你可以嘗試

#content > #introduction > P { 
    background-color:blue; 
}

來源

2012-08-05 17:26:27

背景：藍色是速記http://www.w3schools.com/css/css_background.asp – jrubins 2012-08-05 17:29:21

是的，但它使用背景色更加整潔： – 2012-08-05 17:30:06

CSS - 股利不會算子格

回答

相關問題