div的水平排列、垂直排列

垂直排列

–css–

    .lay1{ 
       width:200px; 
       height:20px; 
       border:1px solid #FF6699;
     }   
    .lay2{
       width:200px; 
       height:20px; 
       border:1px solid #FF6699;
     }   
    .lay3{ 
      width:200px; 
      height:20px; 
      border:1px solid #FF6699;
     }  

–html–

    <div class="lay1"></div>  
    <div class="lay2"></div>  
    <div class="lay3"></div>  

效果图：
水平排列
在相应的样式中加一个float:left 即可：

–css–

    .lay1{ 
      width:100px; 
      height:20px; 
      border:1px solid #FF6699; 
      float:left
    }   
    .lay2{ 
      width:100px; 
      height:20px; 
      border:1px solid #FF6699;
      float:left
    }   
    .lay3{ 
      width:100px; 
      height:20px; 
      border:1px solid #FF6699; 
      float:left
    }  

–html–

    <div class="lay1"></div>  
    <div class="lay2"></div>  
    <div class="lay3"></div>  

效果图：