ホームページ > 記事 > ウェブフロントエンド > 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 パラメーターによって異なります。