高度自動不起作用

#container 
{ 
background: #787234; 
width:980px; 
height:auto; 
margin-left: auto; 
margin-right: auto; 
position:relative; 
//float:left; 
}

集裝箱高度設置爲自動仍然我正面臨高度問題。由於DIV與中心對齊，所以我不能使用float：left。高度自動不起作用

請告訴我如何得到高度：汽車不使用浮動：左

http://jsfiddle.net/Bhy3q/

編輯：

浮動：左邊是給我的結果，但我的div不會在中心，如果我使用浮動：左

解決：（不具有100聲譽回答這個）

由於#container對齊中心，它給我身高：自動問題。我通過創建具有子div容器浮法解決：左

因此，浮動：左邊的是我不能在#container的使用

#container 
{ 
width:980px; 
margin-left: auto; 
margin-right: auto; 
} 

#sub-container 
{ 
width:100%; 
height:auto; 
float:left; 
background: #FFF; 
}

來源

2012-02-07 ismail vittal

'height：auto'正在工作 - 這是默認設置。 – BoltClock 2012-02-07 18:31:08

你想完成什麼？ 'height：auto'會將元素的高度設置爲其內容的高度（在本例中爲0px）。 – 2012-02-07 18:31:59

我有#container裏面的內容，我仍然面臨這個問題 – 2012-02-07 18:32:45

似乎你不明白你的CSS是做答案。您正在使用margin-left和margin-right將div對齊到中心，那麼您還需要將其設置在float左側。這兩種風格是衝突的，並且不起作用。要麼你想在中間或左側的div，它不能在同一時間。

此外，默認情況下，height設置爲auto，因此您不必明確聲明這一點。

來源

2012-02-07 18:34:22

我提到過，float：left將#container的背景設置爲默認值。但是當我刪除#container不會顯示背景#FFF，即高度在這裏面臨一些問題 – 2012-02-07 18:37:04

不，你沒有提到......我不知道這意味着什麼。請在您的示例中提供更多代碼來說明您遇到的問題。 – 2012-02-07 18:38:42

謝謝，我的問題解決了。我創建了一個具有浮點數的新div：left #container – 2012-02-07 18:40:58

嗨，大家好我有同樣的問題，我發現了一個解決方案：

div#container { 
    height: auto; 
    overflow: hidden; 
}

我在容器許多div的，但它不會不overflow:hidden;工作。

當我把它在上面的代碼它工作得很好;）

來源

2013-06-30 15:01:43 Karol

這解決了我的問題，謝謝 – afro360 2013-08-15 06:19:49

我有一個類似的問題。我正在使用的div的計算高度是窗口大小（768px）。我有height:auto;設置和子元素的組合高度是80px。

爲什麼，是因爲我有這個在我的CSS

div.my-div { 
    top:0px; 
    bottom:0px; 
    height:auto; 
    position:fixed; 
}

的top:0px;和bottom:0px;導致計算的高度是窗口的大小的原因。我刪除了bottom:0px;，一切都恢復正常。

來源

2013-07-09 18:01:40 Gordolio

高度自動不起作用

回答

相關問題