居中包裝在全寬div

Question

我發現這個線程在這裏回答我的問題。我想問一個有關這個線程的問題，但我不知道如何評論線程...原諒我的無知:)

我按照滴答答覆的指示，它的工作。然後在我的內容div我想要三個div，但是當我浮動一個左...我的背景顏色ont內容div不會伸展。所以它看起來是這樣的：

HTML：

<div id="content"> 

    <div class="wrapper"> 

<div id="content1></div> 
<div id="content2></div> 
<div id="content3></div> 

    </div> 
</div> 

CSS：

#content 1 { 
    width:300px; 
    float:left; 
} 
#content 2 { 
    width:300px; 
    float:left; 
} 
#content 3 { 
    width:300px; 
    float:right; 
} 

我可能要你們鏈接到該網站之前youc一個明白我胡扯的。但它還沒有在線，所以我只是想當使用這種包裝類技術時，有人可能會意識到浮動div左或右的問題？

科爾姆

Answer 1

我問只是因爲你沒有提到它，但是浮動的div後做您清除浮動？確保你這樣做：

<div style="clear: both;"></div> 

，或者你可以把：

overflow: hidden; width: 100%; 

在包裝div的樣式屬性。

試試這些選項，看看它們是否適合你。