CSS網頁三種佈局模型

任何元素在默認的狀況下是不能浮動的，但能夠用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>

固然你也能夠同時設置兩個元素右浮動也能夠實現一行顯示。

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

也能夠設置兩個元素一左一右顯示

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