1969人阅读
Div/CSS（12）
在CSS样式里面加上margin:0就好了。
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：295362次
积分：5805
积分：5805
排名：第2794名
原创：289篇
转载：99篇
评论：18条
(1)(1)(1)(6)(3)(1)(7)(7)(19)(22)(35)(49)(20)(6)(8)(7)(22)(5)(7)(1)(2)(4)(1)(1)(2)(5)(5)(5)(10)(40)(43)(34)(2)(1)(2)(3)一个大的div中嵌套两个div时，里边的div左侧和外边的div有一定的距离这是为什么呢_百度知道
一个大的div中嵌套两个div时，里边的div左侧和外边的div有一定的距离这是为什么呢
zj4&/zj1&/
&div class=&zj2&/&div class=&&&div&&div&div&
&div class=&div&
&&&/div class=&zj3&div&clrb&zj&
&&&div&div class=&&/
&lt&div class=&quot
提问者采纳
/ width: 0px: #9F0; width: 30/&/ charset=utf-8&quot: left: #3C0: left: 600zj2&/
&&&&&gt.clrb { background-/body&div&zj3&&lt: 1px solid #C30: 700div&zj&p&}: 1px solid #900;&第2个里面层&}&head&gt: 0 padding: 980/style type=&quot.zj4 { background- padding: 800在这里你把 主窗口加上下面代码就基本上不会有间隔了 &p&&&gt； &div class=&div class=&quot: 0px: 100%: 20;text/ height: 0&text/无标题文档&div&&第4个里面层&lt: #F6C;&#47.&gt: 1px solid #F30; width.};title&div& &&#47: auto:&#47: 780/p& &lt.zj2 { background-&第1个里面层& margin.&gt: 1px solid #360;&lt: 40px: 0第3个里面层&& content=&/meta http-equiv=& float: 600
&lt.zj {html&
&div&gt:0html&gt: 20px: 1px solid #900;Content-Type&&lt. /&第5个里面层&br /
margin:&div&head&gt:0zj4&quot，我可以看看具体参考下就能理解了;div class=&};};div class=&div class=&p&gt: #C30:css&quot: 0px: #FC0;body&p&&/ &/p&gt: left.zj1 { background-title&style& height.zj3 { background-&
&lt: 30div class=&&lt.&
& margin下面代码是经过调试过的;&zj1&};clrb&p&&#47: 0p&/ border
&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中有四个div想弄成“田”型，可是div“zj1”左侧与“zj”“clrb”之间有间隙，用360浏览器和火狐都是出现这样的情况，ie没有。.clrb{clear:both}
提问者评价
谢谢大家了
其他类似问题
为您推荐：
其他3条回答
0}，一般网站都要初始化的，想偷懒就加上*{padding；margin：0可能是浏览器的默认值问题
我加了margin-left没有用，加padding-left也米有用
什么没有用，能不能把样式传上来，这么看不出毛病在哪。。。
肯定还是你自己的哪里设置出问题了，不然的话不会有问题的。贴代码。完整的。
&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中有四个div想弄成“田”型，可是div“zj1”左侧与“zj”“clrb”之间有间隙，用360浏览器和火狐都是出现这样的情况，ie没有。css样式是.clrb{clear:both}
&style type=&text/css&&.zong{width:404height:404border:1px solid #f00;}.one{width:200height:200border:1px solid #f00;float:}&/style&上面的放&head&&/head&中间&div class=&zong&& &div class=&one&&A&/div& &div class=&one&&B&/div& &div class=&one&&C&/div& &div class=&one&&D&/div&&/div&上面的放&body&&/body&中间我自己测试的，在IE789，FF，谷歌下面是正确的，别的浏览器没有测，可以实现田字。
还有可能就是测试的浏览器的问题，ie6,7,8测出来的都不一样的，距离是不一样的
来自：求助得到的回答
div的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁div内部嵌套的多个div怎么做到：水平并列并均匀分布 - HTML/CSS当前位置:& &&&div内部嵌套的多个div怎么做到：水平并列并均匀分布div内部嵌套的多个div怎么做到：水平并列并均匀分布&&网友分享于：&&浏览：672次div内部嵌套的多个div如何做到：水平并列并均匀分布？如题，
要求内部的三个div水平并均匀分布（即中间要有间隔，不能挤在一起，也不能靠一边），
且垂直居中（即上下边距一样）。
&div&id="1"&style="&height:40&width:500"&&
&&div&id="2"&style="&height:20width:50"&中间1&/div&&
&&div&id="3"&style="&height:20&width:50"&中间2&/div&&
&&div&id="4"&style="&height:20&width:50"&中间3&/div&
多谢~------解决方案--------------------&html&
width:33%;
&div&id="1"&style="&height:40&width:500"&&
&&div&class="left"&id="2"&style="&height:20"&中间1&/div&&
&&div&class="left"&id="3"&style="&height:20"&中间2&/div&&
&&div&class="left"&id="4"&style="&height:20"&中间3&/div&
12345678910
12345678910
12345678910 上一篇：下一篇：文章评论相关解决方案 12345678910 Copyright & &&版权所有后使用快捷导航没有帐号？
只需一步，快速开始
查看: 4734|回复: 6
怎么让两个DIV 嵌套居中！
UID618317在线时间 小时积分7帖子离线16972 天注册时间
新手上路, 积分 7, 距离下一级还需 43 积分
怎么让这两个DIV 嵌套居中，第二个小色块在第一个的居中位置！
外面的这个DIV 是n1
margin-left:
margin-right:
background:#
width:70%;
height:300
background:#
width:80%;
height:80%;
本帖子中包含更多资源
才可以下载或查看，没有帐号？
UID614061在线时间 小时积分382帖子离线16972 天注册时间
中级会员, 积分 382, 距离下一级还需 118 积分
把两个div的margin都设置成auto，就OK了
UID618317在线时间 小时积分7帖子离线16972 天注册时间
新手上路, 积分 7, 距离下一级还需 43 积分
mhsh 发表于
把两个div的margin都设置成auto，就OK了
这是在IE下显示的效果；
这是在火狐下显示的效果！
怎么设置成IE中样式。
& & & & &div id=&n1&&
& & & & & & & & &div id=&n2&&
& & & & & & & & & & & & &div id=&n3&&&/div&
& & & & & & & & &/div&
& & & & &/div&
CSS:#n1{
background:#
width:700;
height:300;
margin:50;
}
#n2{
background:#
width:680;
height:280;
margin:10;
}
#n3{
background:#
width:660;
height:260;
margin:10;
}复制代码
本帖子中包含更多资源
才可以下载或查看，没有帐号？
UID614061在线时间 小时积分382帖子离线16972 天注册时间
中级会员, 积分 382, 距离下一级还需 118 积分
limingke419 发表于
这是在IE下显示的效果；
在IE下上下距中是挺麻烦的。
UID618473在线时间 小时积分4帖子离线16972 天注册时间
新手上路, 积分 4, 距离下一级还需 46 积分
你可以把margin和padding结合起来控制，当然这个可能局限于宽和高固定的情况！
background:#
height:290
padding-top:10
background:#
height:270
padding-top:10
background:#
height:250
padding-top:10
UID607543在线时间 小时积分555帖子离线16972 天注册时间
高级会员, 积分 555, 距离下一级还需 445 积分
还要考虑不同浏览器的兼容，好麻烦
UID364984在线时间 小时积分300帖子离线16972 天注册时间
中级会员, 积分 300, 距离下一级还需 200 积分
这种的必须绝对定位，好多公司面试都考这个！~
Powered by