Heim > Artikel > Web-Frontend > 诡异的div边距，要命的无解问题，诚心求答案_html/css_WEB-ITnose
诡异的div边距，要命的无解问题，诚心求答案_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:17:291070Durchsuche
如上图哦，蓝色部分是背景浮动div,中间白色的是居中div。没有设置任何外边距。
我的问题是：白色div部分的上方和下方为什么会出现外边距？
好难懂啊。
回复讨论(解决方案)
贴代码吧这样看是看不出来什么的。
清零了吗？
*{margin:0;paddding:0;}
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>show2</title> <meta name="author" content="Administrator" /> <!-- Date: 2012-12-12 --> <style> body{ } .alignCenter{ margin: 10px auto; width: 950px; } </style> </head> <body> <style> ._head{width: 100%; float: left} a{display:inline-block;margin-left: 20px;text-align: center;font-family:"Arial" "黑体";color: white;} .nv_logo{width: 950px;height: 128px;} .logo{width: 246px;height: 128px;float: left} .nv{width: 704px;height: 30px;padding-top: 98px;background-image: url(src/nv.png);background-repeat: no-repeat;float: left;background-position: -10px 80px;text-align: center;} </style> <div class="_head"> <div class="alignCenter"> <div class="nv_logo"> <!--logo--> <div class="logo"> <img src="src/logo.png" / alt="诡异的div边距，要命的无解问题，诚心求答案_html/css_WEB-ITnose" > </div> <!--导航--> <div class="nv"> <a style="max-width:90%">首页</a><a style="height: 20px;width: 80px;">关于火狼</a><a style="height: 20px;width: 80px;">服务项目</a><a style="height: 20px;width: 80px;">案例展示</a><a style="height: 20px;width: 80px;">客户服务</a><a style="height: 20px;width: 80px;">联系我们</a><a style="height: 20px;width: 80px;">VIP服务</a> </div> </div> </div> </div> <style> ._center{width: 100%;background-image: url(src/background.png);float: left} ._center dl{padding-top: 20px;margin-left: 20px;width: 910px;} ._center dt{} ._center dd{border-style: solid;border-color: #FFFFFF; border-left-width:0px;border-right-width:0px; margin-left: 0px;margin-top: 20px;} </style> <div class="_center"> <div class="alignCenter" style="background-image: url(src/centerground.png);"> <dl> <dt><img src="src/showcases.png" / alt="诡异的div边距，要命的无解问题，诚心求答案_html/css_WEB-ITnose" ></dt> <dd> <a></a> </dd> <dt style="max-width:90%"><a>上一页</a><a>下一页</a></dt> </dl> </div> </div> <style> ._bottom{width: 100%;background-image: url(src/bottom.png);height: 95px;background-repeat: repeat-x;padding-top: 0px;float: left} </style> <div class="_bottom"> <div class="alignCenter"> </div> </div> </body></html> 清零了吗？
CSS code?1*{margin:0;paddding:0;} 这个我都有试过啊，margin:0px;pading:0px;只不过没用。我也是今天才遇到这个问题。代码贴在三楼，帮我看一下谢谢
如上图哦，蓝色部分是背景浮动div,中间白色的是居中div。没有设置任何外边距。
我的问题是：白色div部分的上方和下方为什么会出现外边距？
好难懂啊。 求助，代码贴在三楼
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：新手div的嵌套不会排列整齐_html/css_WEB-ITnoseNächster Artikel：web页面源代码问题请教_html/css_WEB-ITnose