ホームページ  >  記事  >  ウェブフロントエンド  >  css div_html/css_WEB-ITnose

css div_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:27:381233ブラウズ

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

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 パラメーターによって異なります。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。