CSS三栏布局

三栏布局

CSS三栏布局_第1张图片
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;
}

你可能感兴趣的:(CSS三栏布局)