一个大的div中嵌套两个div时，里边的div左侧和外边的div有一定的距离这是为什么呢
<divclass="zj"><divclass="zj1"></div><divclass="zj2"></div><divclass="clrb"></div><di...
<div class="zj">
<div class="zj1"></div>
<div class="zj2"></div>
<div class="clrb"></div>
<div class="zj3"></div>
<div class="zj4"></div>
</div> 展开
<div class="zj1"></div>
<div class="zj2"></div>
<div class="clrb"></div>
<div class="zj3"></div>
<div class="zj4"></div>
</div> 展开
4个回答
展开全部
可能是浏览器的默认值问题，一般网站都要初始化的，想偷懒就加上*{padding：0；margin：0}；或者你百度一下css初始化文件就好了
追问
我加了margin-left没有用，加padding-left也米有用
追答
什么没有用，能不能把样式传上来，这么看不出毛病在哪。。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
下面代码是经过调试过的，我可以看看具体参考下就能理解了；
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.zj {
margin: auto;
height: 600px;
width: 980px;
border: 1px solid #900;
}
.zj .zj1 {
background-color: #3C0;
margin: auto;
height: 30px;
width: 100%;
border: 1px solid #360;
}
.zj .zj2 {
background-color: #9F0;
margin: 0px;
padding: 0px;
float: left;
height: 30px;
width: 600px;
border: 1px solid #C30;
}
.zj .clrb {
background-color: #C30;
margin: 0px;
padding: 0px;
float: left;
height: 40px;
width: 800px;
}
.zj .zj3 {
background-color: #FC0;
margin: 0px;
padding: 0px;
float: left;
height: 20px;
width: 700px;
border: 1px solid #F30;
}
.zj .zj4 {
background-color: #F6C;
margin: auto;
padding: 0px;
float: left;
height: 20px;
width: 780px;
border: 1px solid #900;
}
</style>
</head>
<body>
<div class="zj">
<div class="zj1">第1个里面层</div>
<div class="zj2">第2个里面层</div>
<div class="clrb">第3个里面层</div>
<div class="zj3">第4个里面层</div>
<div class="zj4">第5个里面层</div>
<p> </p>
<p> </p>
<p>在这里你把 主窗口加上下面代码就基本上不会有间隔了 </p>
<p>padding:0px;<br />
margin:0px;</p>
</div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.zj {
margin: auto;
height: 600px;
width: 980px;
border: 1px solid #900;
}
.zj .zj1 {
background-color: #3C0;
margin: auto;
height: 30px;
width: 100%;
border: 1px solid #360;
}
.zj .zj2 {
background-color: #9F0;
margin: 0px;
padding: 0px;
float: left;
height: 30px;
width: 600px;
border: 1px solid #C30;
}
.zj .clrb {
background-color: #C30;
margin: 0px;
padding: 0px;
float: left;
height: 40px;
width: 800px;
}
.zj .zj3 {
background-color: #FC0;
margin: 0px;
padding: 0px;
float: left;
height: 20px;
width: 700px;
border: 1px solid #F30;
}
.zj .zj4 {
background-color: #F6C;
margin: auto;
padding: 0px;
float: left;
height: 20px;
width: 780px;
border: 1px solid #900;
}
</style>
</head>
<body>
<div class="zj">
<div class="zj1">第1个里面层</div>
<div class="zj2">第2个里面层</div>
<div class="clrb">第3个里面层</div>
<div class="zj3">第4个里面层</div>
<div class="zj4">第5个里面层</div>
<p> </p>
<p> </p>
<p>在这里你把 主窗口加上下面代码就基本上不会有间隔了 </p>
<p>padding:0px;<br />
margin:0px;</p>
</div>
</body>
</html>
追问
一个大的div中有四个div想弄成“田”型，可是div“zj1”左侧与“zj”“clrb”之间有间隙，用360浏览器和火狐都是出现这样的情况，ie没有。.clrb{clear:both}
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
还有可能就是测试的浏览器的问题，ie6,7,8测出来的都不一样的，距离是不一样的
来自：求助得到的回答
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
肯定还是你自己的哪里设置出问题了，不然的话不会有问题的。贴代码。完整的。
追问
一个大的div中有四个div想弄成“田”型，可是div“zj1”左侧与“zj”“clrb”之间有间隙，用360浏览器和火狐都是出现这样的情况，ie没有。css样式是.clrb{clear:both}
追答
.zong{width:404px;height:404px;border:1px solid #f00;}
.one{width:200px;height:200px;border:1px solid #f00;float:left;}
上面的放中间
A
B
C
D
上面的放中间
我自己测试的，在IE789，FF，谷歌下面是正确的，别的浏览器没有测，可以实现田字。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
