如何让div它们在一行显示

最新推荐文章于 2023-07-27 19:54:18 发布

clbxp

最新推荐文章于 2023-07-27 19:54:18 发布

阅读量3.3k

点赞数

分类专栏： css 文章标签： div class float xhtml vb html

本文链接：https://blog.csdn.net/clbxp/article/details/6648095

版权

css 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!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>