高さ自動が動作していません

Question

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

コンテナの高さが自動で設定されています高さの問題に直面しています。 DIVが中央に揃えられているので、私は浮動小数点：leftを使用することができません。フロートを使用せずに自動：：

どのように高さを得るために私に教えてください左

http://jsfiddle.net/Bhy3q/

編集：

フロート：左は私に結果を与えているが、私のdivが文句を言わないでもセンター私がフロートを使用する場合は：（持っていない：解決

を残しました100 Reputation to this this）

#containerは中央に揃えられているので、高さ：auto issueが与えられます。私は、フロートを有するサブコンテナのdivを作成することによって解決：したがって

を残し、フロート：左は、私が#containerに

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

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

Answer 1

を使用することはできません答えているあなたは、あなたのCSSが何をしているか理解していないようです。 margin-leftとmargin-rightを使用してdivを中心に揃えている場合は、floatを左に設定します。これら2つのスタイルは矛盾していて動作しません。あなたが真ん中にdivを望むか、または左にdivを置くかどちらかを同時に行うことはできません。

また、heightはデフォルトでautoに設定されているため、これを明示的に指定する必要はありません。

Answer 2

こんにちはみんな、私は同じ問題を抱えていると私は解決策を見つけた：

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

私はコンテナ内の多くのdivのだが、それはoverflow:hidden;せずに動作しません。私はそれが非常によく動作します上記のコードでそれを置く

;）

Answer 3

私は同様の問題がありました。私が作業していたdivには、ウィンドウのサイズ（768px）で計算された高さがありました。私はheight:auto;を設定し、子要素の合計の高さは80pxでした。

理由私はCSSでこれを持っていたので、なぜ

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

top:0px;とbottom:0px;は、計算された高さは、ウィンドウのサイズになりました。私はbottom:0px;を削除し、すべてが正しかった。