CSSの基礎(XXII) - オーバーフローを隠します

仲間の旅行者へのアクセスを容易にするためのエッセイやレコード、それはHTMLの学習CSSを学ぶのがベストです。

#私------------------------------------------------ -------------------------------------------分割線は残念です

オーバーフロープロパティは私の皮の範囲を超えるもので、私たちは書いたのdiv 、内側に高さと幅を設定する内部のラベルを書くためにタグをIMGの画像をロードするために、タグ、コードを見て:

<!DOCTYPE HTML> 
<HTML LANG = "EN"> 
<HEAD> 
    <メタ文字コード= "UTF-8"> 
    <タイトル>タイトル</ TITLE> 
</ HEAD> 
<BODY> 
    <divのスタイル= "幅:300ピクセル;高さ:300ピクセル;」> 
        <IMGのSRC = "1.jfif"> 
    </ div> 
</ BODY> 
</ HTML>

効果:

その結果によると、で見ることができるのdiv 子タグには作用しないラベルの幅と高さを設定IMGを、我々は追加のオーバーフローを見て:

 

<!DOCTYPE HTML> 
<HTML LANG = "EN"> 
<HEAD> 
    <メタ文字コード= "UTF-8"> 
    <タイトル>タイトル</ TITLE> 
</ HEAD> 
<BODY> 
    <divのスタイル= "幅:300ピクセル;高さ:300ピクセル;オーバーフロー:隠されました;」> 
        <IMGのSRC = "1.jfif"> 
    </ div> 
</ BODY> 
</ HTML>

 

効果:

参加オーバーフローをした後のdiv 力のタグの幅と高さ、および過剰を非表示にするが、これは、あまりにも良いではありませんあなたは残りの部分を見ていないので、我々は、最適化どのような隠された転置オート

 

<!DOCTYPE HTML> 
<HTML LANG = "EN"> 
<HEAD> 
    <メタ文字コード= "UTF-8"> 
    <タイトル>タイトル</ TITLE> 
</ HEAD> 
<BODY> 
    <divのスタイル= "幅:300ピクセル;高さ:300ピクセル;オーバーフロー:自動;」> 
        <IMGのSRC = "1.jfif"> 
    </ div> 
</ BODY> 
</ HTML>

 

効果:

オーバーフロー自動;親は残りの部分を確認することができ、自動的に追加されたスクロールバーの幅と高さを使用しています

 

おすすめ

転載: www.cnblogs.com/lirongyang/p/11303791.html