DIVの最小幅をどのように確保できますか？私は、次のしている

Question

：

#sbr { 
    float: left; 
    min-width: 200px; 
    overflow: hidden; 
    width: 200px; 
} 

と

<div id="sbr"></div> 

<div>は現在空です。私はこの<div>を別のものと続けたいので、私の最初の<div>の最小幅は200pxでなければなりませんが、うまくいかないようです。私は何か間違っているのですか？なぜ私の最初の<div>は幅を持たないようですか？

Answer 1

実際には、あまりにも分の高さを配置しようと変更を確認するにはいくつかの背景働いています：

#sbr { 
    background:blue; 
    float: left; 
    min-height:200px; 
    min-width: 200px; 
    overflow: hidden; 
    width: 200px; 
} 

はしかし、これはIEで（いくつかのバージョン）は動作しません、IEは問題を持っています最小高さまたは最小幅。 IEのmin-heightとmin-widthは高さと幅ですが、あなたのスタイルに幅と高さを入れた場合、他のブラウザは指定した高さと幅にdivを修正します。あなたが最小高さ/幅の要件に空のdivタグを使用している場合は、おそらくあなたはCSSで絶対位置を使用する代わりに、文書内のdivタグを保つ必要があり、

#sbr { 
    background:blue; 
    float: left; 
    min-height:200px; /* This is min-height to other browser */ 
    min-width: 200px; /* This is min-width to other browser */ 
    _height:200px; /* This is min-height to IE, only to IE */ 
    _width:200px; /* This is min-width to IE, only to IE */ 
    overflow: hidden; 
    width: 200px; 
} 

Answer 2

：何ができることはアンダースコアハックを使用することですフロー。