15、箱模型垂直高さ

5834 ワード

文書ディレクトリ

  • 紹介
  • ボックスモデル垂直レイアウト
  • 紹介する


    本文はCSSを学ぶ時する学習ノートで、すべてのノートの内容はCSSがノートを学ぶのです

    ボックスモデル垂直レイアウト

    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>meta</title>
    </head>
    <style>
    .outer{
        background-color:#fbs
        height:600px;
      
       1、       ,     ,           
                     ,          
       
        
    }
    .inner{
        width:100px
        height:100px;
        background-color:yellow;
        margin-bottom:100px
        
    }
    .box1{
        width:200px;
        height:200px;
        background-color:#fbs
    
        1、               
                       ,           
               overflow              
             overflow :
               visible             ,           
               hidden            ,     
               scroll         ,           
               auto             
             
            overflow-x:         
            overflow-y:           
        */
        overflow:hidden 
    }
    .box2{
        width:100px;
        height:400px;
        background-color:orange
    }
    
                    
    </style>
    <body>
    
        
     <div class="outer">
          <div class="inner"></div>
           <div class="inner"></div>
     </div>
        
     <div class="box1">
          <div class="box2"></div>
     </div>
    
     
    </body>
    </html>