CSS题目-三列布局

用到知识点：

float，块元素居中，注意：（如何让浮动元素和块元素在同一行--display: inline-block失效）

正确布局代码

<body>
  <div id="left"></div>
  <div id="right"></div>
  <div id="middle"></div>  
</body>

正确CSS

#left {
  height: 500px;
  width: 200px;
  border:2px solid red;
  float: left;
}

#middle {
  height: 500px;
  margin: 0 220px;
  border: 2px solid green;
}

#right {
  width: 200px;
  height: 500px;
  border:2px solid blue;
  float: right;
}
View Code

错误代码：

 

 posted on 2014-10-10 12:09  喵喵喵  阅读(179)  评论(0)  编辑  收藏  举报