求大神帮看看哪里出问题了
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网站首页</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<!-- header开始 -->
<div id="header">
<!--header_bar开始-->
<div id="headerBar">
<div>
<div>
<a href="#">收藏慕课</a>
</div>
<div>
<span>欢迎来到慕课网！</span>
<span><a href="#">[登陆]</a></span>
<span><a href="#">[免费注册]</a></span>
</div>
</div>
</div>
<!--header_bar结束-->
<!-- logoBar开始 -->
<div>
<div>
<div>
<a href="#"><img src="images/logo.gif" width="108" height="59" alt="慕课网"></a>
</div>
<div>
<input type="text" placeholder="请输入关键字进行搜索" />
<input type="button" value="搜 索">
</div>
<div>
<i></i>
<span>购物车</span>
<span>0</span>
</div>
</div>
</div>
<!-- logoBar结束 -->
<!-- navBar start -->
<div>
<div>
<div>
<h3>全部商品分类</h3>
<div>
<ul>
<li>aaa</li>
<li>aaa</li>
<li>aaa</li>
<li>aaa</li>
</ul>
</div>
</div>
<div>
<ul>
<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>
</div>
</div>
<!-- navBar End -->
</div>
<!-- header结束 -->
</body>
</html>
当navBar这一部分单独提出来的时候，navBar的高度是35px，但是如果不提出来，居然是39px，到底是哪里出问题了
我們6回答
-
不屈的咸鱼
当你的div里面的高度出现问题时，建议你看看更加外层的div或者边距什么的 -
我們
在控制台中查看元素，可以看到navBar的高度居然是39px，可是我的子元素每个高度都是35px而已，而且我并没有设置过margin，padding之类的，不知道这4px是哪里来的，当单独把narBar这一部分拿出来单独测试的时候，发现高度居然就是35px，所以是我前面的代码影响到它了吗？可是我看不出哪里出问题了，求大神帮忙看看。。。 -
echo_kinchao
你的内外边距影响了
随时随地看视频慕课网APP
CSS3
Html/CSS
Html5