圖像背景未填入所有div

-1

背景應顯示在所有div中，但不可見。圖像背景未填入所有div

我需要我的研究背景是所有div節目。背景是在樣式容器div中定義的。等等

<div id="container"> 
<div id="1"></div> 
<div id="2"></div> 
<div id="3"></div> 
</div>

我該如何解決這個問題？

來源

2012-06-08 beetle

哇......這個問題也沒有很好的格式化。它甚至沒有形成一個有凝聚力的調查。你可以試着把它變成一個問題嗎？另外，它應該只顯示在div或整個#content塊？ –

添加溢出：隱藏到你的#content。 – SVS

我認爲你需要添加overflow:auto;到你的CSS ...我也去掉引號

#content{ 
    width:1049px; 
    overflow:auto; 
    background: #000 url(http://s1.wp.com/wp-content/themes/pub/dark-wood/images/postflowerback.png) ; 
}

的事業部目前還沒有高度... ...但是你想在後臺做什麼關於重複或位置，這裏有一個很好的參考點https://developer.mozilla.org/en/CSS/background

來源

2012-06-08 09:29:46

這是正確的。當你浮動div時，父div不伸展，但保持0px的高度。 'overflow：hidden'可能會更好，因爲它會移除滾動條 – iddo

好點的滾動條！然而，這個問題措辭太差了......但一個很好的評論，謝謝！ –

您必須指定height屬性並設置repeating的背景。

#content{ 
    width:349px; 
    height: 700px; 
    ... 
}

來源

2012-06-08 09:29:54 Sajmon

清除#text div。

添加以下樣式：

#text { 
    zoom:1; /* For IE 6/7 (trigger hasLayout) */ 
} 

#text:after { 
    content:""; 
    display:table; 
    clear: both; 
}

DEMO： http://jsfiddle.net/uxUqJ/13/

來源

2012-06-08 09:32:55

或者，你可以關閉的文字3之後添加<div style="clear:both;"></div>。然後，即使這些元素浮動，這些元素也會在元素周圍伸展。

來源

2012-06-08 09:34:42

你有你的元素漂浮。爲了使#content正常生長，您需要在關閉包裝元素前清除浮動：

看到這個working Fiddle例子！

更改您的標記這樣：

<div id="content"> 
    <div id="text"> 
    <div id="text_1">...</div> 
    <div id="text_2">...</div> 
    <div id="text_3">...</div> 
    <div style="clear:both;"></div> <!-- Add this line --> 
    </div> 
</div>

此外，您可以刪除內聯樣式和使用類。

來源

2012-06-08 09:34:54 Zuul

你的CSS更改爲智能方式

<style>#content{ display:table; 
    width:1049px; 

    background: url("image_src") ; 


} 
#text{ 
    display:table-row; 
    width:1049px; 
    padding-left:27px; 
    padding-right:28px;} 

#text_1,#text_2,#text_3{ display:table-cell; 


    padding-left: 40px; 
    width: 278px; 
}#text_3{ 
    padding-right:40px; 
} 


</style>

來源

2012-06-08 09:36:18

圖像背景未填入所有div

回答

相關問題