CSS网页三种布局模型

2019独角兽企业重金招聘Python工程师标准>>>

任何元素在默认的情况下是不能浮动的，但可以用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;}

转载于:https://my.oschina.net/u/2460148/blog/506478