Rumah >hujung hadapan web >html tutorial >诡异的div边距,要命的无解问题,诚心求答案_html/css_WEB-ITnose

诡异的div边距,要命的无解问题,诚心求答案_html/css_WEB-ITnose

WBOY
WBOYasal
2016-06-24 12:17:291100semak imbas


如上图哦,蓝色部分是背景浮动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部分的上方和下方为什么会出现外边距?
好难懂啊。 求助,代码贴在三楼

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn