烈焰门户技术文章Web标准|Css
阅读文章

让两个或更多div并排显示

[日期: 2007-04-26 ] 来源:   作者: [字体: ]

让两个或更多div并排显示

代码如下:我们用两种方法来让三个并排

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style>
body {margin:0px;}

.main {width:1003px;}
.a {float:left; width:200px; height:300px; background-color:#F8920D}
.b {float:left; width:30px; height:300px; background-color:#4096EE}
.c {float:left; width:773px; height:300px; background-color:#FF6600}

.d {width:1003px;}
.d ul{margin:0px; list-style-type:none;}
.d1 {float:left;width:200px; height:300px;background-color:#F8920D}
.d2 {float:left;width:30px; height:300px;background-color:#4096EE}
.d3 {float:left;width:773px; height:300px;background-color:#FF6600}

</style>
</head>

<body>
-+#方法1
<div class="main">
<div class="a"></div>
<div class="b"></div>
<div class="c"></div>
</div>

#方法2
<div class="d">
<ul>
<li class="d1"></li>
<li class="d2"></li>
<li class="d3"></li>
</ul>
</div>

</body>
</html>

阅读:
录入: ☆我就‰喜欢☆ 打印 错误报告
上一篇: CSS配合DIV+LI实例
下一篇: 学习CSS的10大理由
相关文章
本文评论(点击查看所有评论
  谢谢你哦非常非常感谢的!   (水汀 ,07/04/2007 09:05:26 )
  好   (这些 ,06/17/2007 02:09:35 )
发表评论
希望 寒冷 强悍 惊讶 开心 吃饭 恭喜 流泪 爱你 啊困 心碎
偷笑 咒骂 流汗 大哭 求爱 装酷 砖头 头晕 出气 呲牙 吸烟

点评:


  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规!
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任!
  • 本站管理人员有权保留或删除其管辖留言中的任意内容!
  • 本站有权在网站内转载或引用您的评论!
  • 参与本评论即表明您已经阅读并接受上述条款!
关于烈焰网 | 意见投诉 | 网站地图 | 联系方式 | Ajax技术
Copyright © 烈焰门户 www.Jvqq.Net.Cn All Rights Reserved 京ICP备07022601号