我無法獲得兩個區域的內容相互浮動

Question

我不能讓兩個區域的內容相互浮動而不會中斷我的容器。我有第一個區域提示浮動：左，但是當我提示浮動：右到內容區域2我的容器不再工作。

該對象確實浮動但容器消失。

這裏是我的網站http://aasdsafasdf.weebly.com/（我在很早的階段）

#container { 
width: 1100px; 
margin: 0 auto; 
background: #ffffff; 
} 


#content { 
float: left; 
height: auto; 
width: 710px; 
} 

#content2 { 
float: right; 
height: auto; 
width: 350px; 
} 

Answer 1

有你的頁面上的一些標記錯誤（注意</script>標籤您鏈接到一個樣式表中的一個之後？），但只需設置您的容器以隱藏溢出：

#container { 
    width: 1100px; 
    margin: 0 auto; 
    background: #ffffff; 
    overflow:hidden 
} 
#content2 { 
    height: auto; 
    width: 350px; 
    float:right; 
} 

這應該解決問題。但要確保你解決你的代碼......它現在有各種各樣的問題：http://validator.w3.org/check?uri=http%3A%2F%2Faasdsafasdf.weebly.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Answer 2

#container { 
width: 1100px; 
margin: 0 auto; 
background: #ffffff; 
} 


#content { 
float: left; 
height: auto; 
width: 710px; 
display: block; 
} 

#content2 { 
float: left; 
height: auto; 
width: 350px; 
display: block; 
} 

你希望兩個內容div的浮動離開，並顯示：塊;，然後他們會推高對一個到左邊。