css div_html/css_WEB-ITnose

前書き: 幅と高さは相互作用せず、独立して機能します。

1. div を長さと幅を固定に設定した場合

高さと幅は両方とも問題ありません。 : 内部にコンテンツがあるかどうかに関係なく (コンテンツは無視できます)、div は単なるフレームです (デフォルトでは枠なし)。中身がサイズを超えてもサイズは変わりません！

#select_box {
幅: 330px; 高さ: 40px;border:2px 赤一色;
}

表示効果:

2. div がパーセンテージ

に設定されている場合、幅は何に関係なく機能します。 ：width:50%;うまくいきます！ 内容は無視してください！ コンテンツが幅ボックスの幅を超えている場合でも、それはまだ 50% であり、コンテンツはボックスを超えて存在します

高さは何があっても機能しません。 : Height: 50% は機能しません。高さを設定したい場合は、height: 50px を使用する必要があります。このとき、フレームが表示されます。内容がありません！

幅は常に外側のオブジェクトに基づくことに注意してください。

3. ネストされた div フォーム

ほとんどのケースは次のとおりです:

2 つのボックスが同時に表示されます。

追加されたコンテンツが表示されます

4. div に BACKGROUND が設定されている場合: url(../images/ubox-select.gif) no-repeat 0px 0px

4.1. div が小さい場合、固定領域のみが表示されます。

4.2. div が非常に大きい場合、画像の特定の状況は no-repeat 0px 0px パラメーターによって異なります。