看我的代码 为什么 两个div 不在 同一 水平线

来源：百度知道 编辑：UC知道 时间：2024/06/30 08:37:31
我用的是DV8

<link type="text/css" rel="stylesheet" href="/css/02.css" />
</head>

<body>
<div class="border mass">
<!--头部（start）-->
<div id="banar">
<div class="left">test</div>
<div class=" right">test</div>
</div>

</div>
</body>

以下是CSS
html{height:100%;border:none;}
body{height:100%;border:none;padding:0px;margin:0px;font-size:12px;color:#000000;text-align:center;background:#FFFFFF;}
div,ul,li{padding:0px;margin:0px;border:none;}
ul{list-style-type:none;}
table{font-size:12px;}

.mass{width:760px;}
.center{text-align:center;}
.clear{clear:none;visibility:hidden;font-size:0px;}
.border{border-left:#5A3829 solid 1px;border-right:#5A3829 solid 1px;}
/*头部*/
#banar.left{float:left width:180

css部分

html{height:100%;border:none;}
body{height:100%;border:none;padding:0px;margin:0px;font-size:12px;color:#000000;text-align:center;background:#FFFFFF;}
div,ul,li{padding:0px;margin:0px;border:none;}
ul{list-style-type:none;}
table{font-size:12px;}
.mass{width:760px;}
.center{text-align:center;}
.clear{clear:none;visibility:hidden;font-size:0px;}
.border{border-left:#5A3829 solid 1px;border-right:#5A3829 solid 1px;}
/*头部*/
#left{float:left ;width:180px;}
#right{float:right ;width:580px;}

body部分

<body>
<div class="border mass">
<!--头部（start）-->
<div id="banar">
<div id="left">test</div>
<div id=" right">test</div>
</div>

</div>

</body>

瞎打的。。。。。。。。