空div需要100％的家長

我有一個令人沮喪的問題...我想我在這裏找到了一些答案，但沒有任何工作似乎還沒有工作。空div需要100％的家長

這裏是剛開始時的圖像：

http://www.shaunmbaer.com/wordpress/wp-content/uploads/2013/02/Melissliss_01.jpg

然後下面是HTML：

<section class="A"> 
    <aside class="B"></div> 
    <header class="C">Title</header> 
    <article class="D">Lorem ipsum...</article> 
</section>

而CSS截至目前：

A{width:100%} 
B{width:220px; height:100%; float: right; background= #fff url("foo") repeat} 
C{width:450px} 
D{width:450px}

我我正在使用WordPress（這一點是帖子），所以所有的內容都是自動生成的。我需要div「B」作爲父div的100％。除了重複的背景圖像之外，它沒有任何內容（該網站是響應式的，並且該div將在下一個斷點處消失）。

我不能放置它們絕對的，因爲我不能給文章（「d」）的固定高度（至少我認爲這種說法是正確的......）

誰能幫助或點我的地方，可以？最好是一個CSS解決方案，但jQuery在這一點上也不錯！

謝謝你。

來源

2013-02-18 Baerkins

您需要在類名的前面時期的樣式表規則定義 – 2013-02-18 03:50:32

您提出有關您的解決方案的問題，但實際上並未告知我們真正的問題是什麼（請參閱http://meta.stackexchange.com/questions/66377/what-is-the-xy-problem）。 B需要100％的身高嗎？寬度？如果它是填充符，爲什麼要使用它，而不是讓A使用多個逗號分隔的CSS背景屬性來處理這個問題？所以簡而言之：你真的想做什麼，因爲也許有比你的A {B，C，D}解決方案更好的方法（我的猜測是：有） – 2013-02-18 03:52:51

我的問題是：在HTML上面的結構，我怎麼能得到旁邊的高度（B）有一個高度的100％的父母？ – Baerkins 2013-02-18 06:27:36

我敢肯定你可以爲B元素使用絕對定位，並指定3個側面的元素堅持：

.A { 
    position: relative; 
} 

.B { 
    position: absolute; 
    right: 0; 
    top: 0; 
    bottom: 0; 
    width: 220px; 
}

來源

2013-02-18 03:55:02

所以答案很簡單，這要感謝Mike K.的建議（謝謝你對XY問題的建議！）我剛剛擺脫了空格（.b），並將重複背景移到了右邊父母（.a）。感謝大家！ – Baerkins 2013-02-18 19:50:11

空div需要100％的家長

回答

相關問題