CSSウェブページの3種類のレイアウトモデル

720 ワード

                 ，    CSS     ， div,p.table,img            。          div      。

div{
   width:300px;
   height:300px;  
   border:1px red solid;  
   float:left;
}
<div id="div1"></div> 
<div id="div2"></div>

もちろん、2つの要素の右フローティングを同時に設定したり、1行の表示を実現したりすることもできます.

div{
     width:300px;
     height:300px;   
     border:1px red solid; 
     float:right;  
}
<div id="div1"></div> 
<div id="div2"></div>

2つの要素を左右に表示することもできます

div{
    width:300px;
    height:300px;  
    border:1px red solid;  
}
#div1{float:left;} 
#div2{float:right;}