您的位置：首页 > 其它

如何让div它们在一行显示

2011-07-31 11:38 423 查看
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<meta http-equiv="content-language" content="zh-cn" />
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>blueidea</title>
<style type="text/css">
<!--
body {font-size:12px;
margin:0;
padding:0;}
#head { position:relative;
margin: auto; /*---页面居中的写法------*/
width:900px; /*----加了宽度效果就看得出了，原来是全屏的-----*/
}
.vb {
float:left;
height: 200px;
width: 300px;
background:#CC0000;
}
.bb {float:left;
height: 200px;
width: 300px;
background:#3300CC;
}
.vv {float:left;
height: 200px;
width: 300px;
background:#FF9900;
-->
</style>
</head>
<body>
<div id="head">
<div class="vb">此处显示 class "vb" 的内容</div>
<div class="bb">此处显示 class "bb" 的内容</div>
<div class="vv">此处显示 class "vv" 的内容</div>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航