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;}