用CSS使三块内容水平并列 - WEB前端(UI)

| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛 |

编程论坛 → WEB开发 → 『 WEB前端(UI) 』 → 用CSS使三块内容水平并列

我的收件箱(0)

欢迎加入我们，一同切磋技术

共有 1788 人关注过本帖

标题：用CSS使三块内容水平并列

只看楼主加入收藏

拉C

来　自：南方
等　级：新手上路
帖　子：55
专家分：1
注　册：2008-7-29
结帖率：72.73%

楼主

已结贴√ 问题点数：20 回复次数：4

用CSS使三块内容水平并列

我想把三块内容水平并列，第一块用float：left;第二块用margin: auto;第三块我想用float: right;但是第三块就会掉到下一行去了，我这样做是不是错的？谁可以不可以告诉我一般怎么用CSS设计水平并列的？
代码：
.show-a {
float: left;
width: 310px;
height: 250px;
background: #FFF;
}

.show-b {
margin: auto;
width: 310px;
height: 250px;
background: #FFF;
}

.show-c {
margin-right: 0px;
width: 310px;
height: 250px;
background: #FFF;
}

搜索更多相关主题的帖子: CSS　水平　

2010-04-20 23:12

afeilee

等　级：论坛游侠
帖　子：14
专家分：117
注　册：2010-3-15

第 2 楼

得分:14

2010-04-23 22:18

小黑冰

等　级：新手上路
帖　子：10
专家分：0
注　册：2009-12-19

第 3 楼

得分:0

程序代码：

<style>
#zuo {
float: left;
width: 310px;
height: 250px;
background: #FF0000
}

#zhong {
float:left;
width: 310px;
height: 250px;
background: #0000ff
}

#you {
float:left;
width: 310px;
height: 250px;
background: #00FFFF
}

<BODY>

  <div id="tou"></div>
  <div id="zhong"></div>
  <div id="you"></div>

</BODY>