<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 标准之路</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
*{margin:0;padding:0}
body{
font-family:Verdana; font-size:14px;
}
#header{
width:100%;
height:100px;
background:#000000;
color:white;
}
#content{
background:#D5F9BC;
width:100%;
}
#content_main{
margin:0 auto;
width:1000px;
}
#content_main p{
height:30px;
}
#mian_left{
height:200px;
background:#F7F7F7;
width:240px;
float:left;
}
#mian_right{
height:200px;
background:#FEB101;
width:240px;
float:right;
}
#mian_center{
height:200px;
background:#575F71;
width:500px;
float:left;
margin-left:10px;
}
#left_pic{
/*height:120px;
background:red;*/
}
.clears{
clear:both;
}
</style>
</HEAD>
<BODY>
<div id="header">
this is header
</div>
<div id="content">
<div id="content_main">
<p>
this is p
<p>
<div id="mian">
<div id="mian_left">
<p>dasdasdasdasd<p>
</div>
<div id="mian_center">
</div>
<div id="mian_right">
</div>
<div class="clears">
<div>
</div>
</div>
</div>
</BODY>
</HTML>
为什么我在<p>dasdasdasdasd<p>后面加个<div></div>,界面就乱了??
经过我的测试发现没有任何变化,你用的什么浏览器?
火狐浏览器,价格float层里家个div布局就乱了
@fulai_xy: 真的很奇怪,现在又好了,不知道为什么
@fulai_xy: 下回记得清除一下浏览器缓存
没有复现,界面还是原样,不清楚你的环境?
有一个细节:你的<p>标签没有闭合。
不是这个原因