码迷,mamicode.com
首页 > 其他好文 > 详细

笔试题目-三列布局

时间:2014-10-10 14:40:54      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   os   ar   sp   div   art   

用到知识点:

float,块元素居中,注意:(如何让浮动元素和块元素在同一行--display: inline-block失效)

正确布局代码

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

正确CSS

bubuko.com,布布扣
#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

错误代码:

 

笔试题目-三列布局

标签:style   blog   http   color   os   ar   sp   div   art   

原文地址:http://www.cnblogs.com/hemi/p/4015543.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!