CSS三栏布局

三栏布局

Paste_Image.png

  

    
aside-1
    
aside-2
    
main
  

.layout{
  width: 800px;
  margin: 0 auto;
}
#aside-1{
  width: 100px;
  height: 300px;
  background: yellow;
  float: left;
}
#aside-2{
  width: 150px;
  height: 250px;
  background: red;
  float: right;
}
#main{
  height: 400px;
  background: #aaa;
  margin-left: 100px;
  margin-right: 150px;
}