两个DIV部分间有间隙，怎么解决？求助！_div吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0可签7级以上的吧50个
本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：15,327贴子：
两个DIV部分间有间隙，怎么解决？求助！
#top {background-image: url(images/honer_01.jpg);background-repeat: repeat-x;width: 1920height: 89}.top1 {float:margin-left:460}.top2 {float:margin-left:397margin-top:48}#dov {background-image: url(images/honer_08.jpg);height: 43width: 1920margin-top: 0}.do1 {margin-left:420}#dov li{float:list-style-type:width:138text-align:line-height:43color: #FFF;margin:0padding:0}#dov a{text-decoration:color:#FFF;}&/head&&body&&div style="width:100%"&&div id="top"&&img class="top1" src="images/honer_02.jpg" width="555" height="89" /&&img class="top2" src="images/honer_05.jpg" width="25" height="21" /& &/div&&div id="dov"&
&ul class="do1"&
&li&&a href="#"&首页&/a&&/li&
&li&&a href="#"&关于我们&/a&&/li&
&li&&a href="#"&企业荣誉&/a&&/li&
&li&&a href="#"&产品展示&/a&&/li&
&li&&a href="#"&科研成果&/a&&/li&
&li&&a href="#"&政策解读&/a&&/li&
&li&&a href="#"&联系我们&/a&&/li&
&/ul&&/div&
游戏特效培训,毕业年薪20w,来CGWANG吧!
加一个padding负数的元素呢？
样式表开始先初始化一下，css表先写上*{margin：0 paading:0}试试行不行，还要要考虑到浏览器的问题，ie6的好像在边距上存在一些bug。
margin：0}加个这个，在头部，有空隙，你在所有的css里加border ：1px solid red；显示边框，一个一个加，有空隙的那个，在css里的对应位置加margin-top：-xxpx；“xx”为多少像素；自己调。然后应该没问题了。。。。。
贴吧热议榜
使用签名档&&
保存至快速回贴欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术！您的位置： >
外边距，与div间距设置基础之css margin&DIV CSS margin外边距外补白边距样式属性
margin用于设置对象标签之间距离间隔，比如2个上下排列的DIV盒子，我们就可以使用margin样式实现上下2个盒子间距。Margin呈现是位于对象边框外侧，紧贴于边框，marign与padding位置却相反却是紧贴边框位于边框内侧。
一、margin基础语法与结构&& - &
外边距指单词margin，margin是设置对象四边的外延边距，没有背景颜色也无颜色。
1、margin语法
Margin:10px
Margin的值是数字+html单位，同时也可以为auto（自动、自适应）
2、应用结构
Div{margin:10px}
设置div对象四边间距为10px
3、Margin说明
margin是设置对象外边距外延边距离。
margin的值有三种情况，可以为正整数和负整数并加单位如（margin-left:20px）；可以为auto自动属性(margin-left:auto 自动)；可以为百分比（%）值（margin-left:3%）。
Margin延伸（单独设置四边间距属性单词）
margin-left 对象左边外延边距 （margin-left:5 左边外延距离5px）
margin-right 对象右边外延边距 （margin-right:5 右边外延距离5px）
margin-top 对象上边外延边距 （margin-top:5 上边外延距离5px）
margin-bottom 对象下边外延边距 （margin-bottom:5 下边外延距离5px）
常见margin使用场景
4、margin实际应用地方
两个布局之间距离设置。
如上图中&&和&&黄颜色的背景之间空隙（背景土红）。
二、css margin缩写简写& - &
margin属性，如遇到上下、左右、上下左右等情况我们可以缩写简写优化。
你可能需要了解：-：
你可能需要了解：-：
1、只有上下情况缩写
原始：margin-top:5 margin-bottom:6px
缩写简写为：margin:5px 0 6px 0或margin:5px auto 6px auto
2、只有左右情况缩写
原始：margin-left:5 margin-right:6px
缩写简写为：margin:0 6px 0 5px或margin:auto 6px auto 5px
3、只有三边情况缩写
原始：margin-top:5 margin-bottom:6 margin-left:4px
缩写：margin:5px 0 6px 4px或margin:5px auto 6px 4px
4、四边相同值缩写
原始：margin-top:5 margin-bottom:5 margin-left:5 margin-right:5px
缩写：margin:5
5、四边不同值缩写
原始：margin-top:5 margin-bottom:6 margin-left:7 margin-right:8px
缩写：margin:5px 8px 6px 7
6、四边其中上下值和左右值各相同缩写
上下相同、左右相同原始：margin-top:5 margin-bottom:5 margin-left:7 margin-right:7px
缩写：margin:5px 7
Margin简写分析图：
margin样式简写语法应用分析图
三、常用的margin样式
1、用margin设置对象盒子间距
我们常用margin设置2个盒子之间距离，无论上下左右的距离我们均可以利用margin实现间隔。
实际可用margin地方示图
2、利用margin实现布局居中，基础单词：
即可实现对象居中，但需要一个条件，那就是该对象上级一定要设置text-align:center内容居中属性样式。有的浏览器不设置text-align:center内容居中样式，其下级包含对象设置了margin:0 auto也会让其布局居中，但为了兼容各大浏览器建议对body设置一个:center属性样式，这里提供一个为时候无需重复设置:center等初始化样式属性。
四、css margin普通案例
DIVCSS5设置2个盒子，为了体现margin作用，我们对其2盒子设置、一定和。
1、margin用法css代码
.divcss5-top,.divcss5-bottom{width:300height:100border:1px solid #F00}
.divcss5-bottom{ margin-top:10px}
2、html代码片段
&div class=&divcss5-top&&上对象&/div&
&div class=&divcss5-bottom&&下对象，我们设置了margin-top为10px间距&/div&
3、mairgin应用案例截图
margin实例实践案例效果图
从上案例我们分析出margin是设置对象（比如div盒子、盒子等）之间间距，并体现出margin是存在与对象盒子边框外侧。
五、css margin总结
Margin样式是设置对象与对象之间间距，单独设置一边的间距我们可以使用margin-left、margin-right、margin-top、margin-bottom样式属性，margin是设置盒子对象之间间距，一般设置时候注意margin简写优化。多实践并观察案例理解了margin作用即可很快上手使用margin。
margin缺点：
在使用CSS margin的时候容易造成。IE6解释此属性的时候容易造成双倍距离。
您可能需要了解。
你可以再了解以前介绍：/shili/s6.shtml。
如需转载，请注明文章出处和来源网址：我要分享到：上一篇： 下一篇： 必备CSS教程 Essential CSS Tutorials• • • • • • • ()• • ()• ()• • • • • • • • • • •
必备HTML基础教程 Essential HTML Tutorials •
• () • () • () •
• () •
• () •
• &最新文章NEWS• • • • • • • • • • 相关文章RELATED• • • • • • • • • • CSS EFFECTS / CSS MODULE如对文章有任何疑问请提交到，或有任何网页制作CSS问题立即到发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。文章修订日期： 08:05
原创：本文 DIVCSS5版权所有。
学习与资源分享平台本帖子已过去太久远了，不再提供回复功能。}