css - div ボックスの高さをその中のテキストの量に依存させる方法

Question

幅を 900px に固定しましたが、高さはその中のテキストとオブジェクトの量に依存するようにします。これを行う方法はありますか、これは現在div用に持っているCSSです

#mainbox {
padding:0;
margin:0 auto;
width:900px;
border:solid 2px  

}

Answer 1

に相当する高さをまったく設定しないことでこれを行いますheight: auto;。デフォルトでは、div はコンテンツをラップします。そうでない場合は、jsfiddleを投稿してください。

Answer 2

あなたが持っているコードはそれを行います。これは JSFiddle のデモです。私が変更した唯一のことは、複数divの をそこに入れていたので、ID をクラスにしたことです。

高さを指定せず、divが に設定されておらずposition: absolute、position: fixedそのコンテンツが通常の流れ (たとえば、 or がなくfloat:left、float:right奇妙なposition) である場合、高さはコンテンツに合わせて調整する必要があります。