当前位置：首页 → 问答吧 → div之间为什么间隔？

div之间为什么间隔？

时间：2009-08-26

来源：互联网

HTML code

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>无标题页</title>
    <style type="text/css">
    div{
        font-size: 15pt; font-family:宋体 ;
    
    }
    .isBottomBorder{ border:0px; Border-Bottom:1px solid black;}
    .leftMargin{ Margin-left:190px;}
    .zhengwenSize{font-size: 12pt;font-family: 宋体;}
  </style>

</head>
<body style="margin: 0px; text-align: center;">
    <form id="form1" runat="server">
        <div>
                
            <div id="1" style="margin-bottom: 140px;">
                <div style="margin-bottom: 30px; font-size: 22pt; font-family: 黑体;">
                    <b>建设工程施工劳务分包合同</b></div>
                <div>
                    <b>（<span style="margin-right: 60px;"></span>本）</b></div>
            </div>
            
           <div id="2" style="float:left; text-align:left; border:1px solid Blue; " class="leftMargin">
               <p >工程承包人（施工总承包人或专业工程承（分）包人）：</p>
               <p style=" text-align:left; padding-left:130px;">
                   <asp:TextBox ID="TextBox4" runat="server" Width="450" CssClass="isBottomBorder"></asp:TextBox></p>
               <p style="margin-bottom:50px;">劳务分包人： <asp:TextBox ID="TextBox5" runat="server" CssClass="isBottomBorder" Width="450"></asp:TextBox></p>
               
           </div>
           
           <div id="3" style=" clear:left; border:1px solid green ; " class="leftMargin">
               <p style="text-indent:2em; width:550px;" class="zhengwenSize">依照《中华人民共和国合同法》、《中华人民共和国建筑法》及其它有关法律、法规，遵循平等、自愿、公平和诚实信用的原则，鉴于<asp:TextBox ID="TextBox6"
                           runat="server"></asp:TextBox>（以下简称为“发包人”）与工程承包人已经签订施工总承包合同或专业承（分）包合同（以下称为“总（分）包合同”），双方就劳务分包事项协商达成一致，订立本合同。</p>
           </div>
           <div style="border:1px solid red;" id="4"><p >asdfasdf</p></div>
           
        </div>
    </form>
</body>
</html>
问题 :蓝色框(div id=2)与绿色框中间为什么会存在间隔？绿色框与红色框之间又为什么会有间隔
经过测试,设置了 id=1的div的margin-bottom: 140px;这个是第一个div与第二个div(id=2)之间的距离，而这个间隔距离也影响了id=2和id=3之间的距离，问题发现了但没找出解决办法，
而id=3和id=4的div之间的距离不知道是什么原因造成的,高手解答

作者: hxcheng2003 发布时间: 2009-08-26

用firebug看看。

作者: healer_kx 发布时间: 2009-08-26

用FF看没有，但ie的问题怎么解决呢

作者: hxcheng2003 发布时间: 2009-08-26

style样式中增加：
*{margin:0;padding:0;}
试试。

作者: cnn521258 发布时间: 2009-08-26

清楚浮动看看

作者: johnsonljl 发布时间: 2009-08-26

3楼说的对，有 p 的时候IE就是爱添那么1px的空

作者: cs5276 发布时间: 2009-08-27

和不同的浏览器有关，你可以多试几个浏览器

作者: shihuaxian123 发布时间: 2009-08-27

P标签的影响

作者: xiaozy2 发布时间: 2009-08-31

<div id="1" style="margin-bottom: 140px;">受这个影响
<div style="margin-bottom: 30px; font-size: 22pt; font-family: 黑体;">
<b>建设工程施工劳务分包合同</b></div>
<div>
<b>（<span style="margin-right: 60px;"></span>本）</b></div>
</div>

作者: kayzombie 发布时间: 2009-08-31

把margin-bottom改小试试

作者: kayzombie 发布时间: 2009-08-31

div本来就是块元素啊……

作者: horonggo 发布时间: 2009-09-01

div就要全程都用css控制
感觉table更好用

作者: zhw110911 发布时间: 2009-09-01

我也遇到这样的问题，但是没有p标签还是有间隔啊，当然*{margin:0;padding:0;}
也加上了~晕~

作者: pengju126 发布时间: 2011-07-01