猿问

求大神帮看看哪里出问题了

<!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,到底是哪里出问题了

我們
浏览 1891回答 6
6回答

不屈的咸鱼

当你的div里面的高度出现问题时,建议你看看更加外层的div或者边距什么的

我們

在控制台中查看元素,可以看到navBar的高度居然是39px,可是我的子元素每个高度都是35px而已,而且我并没有设置过margin,padding之类的,不知道这4px是哪里来的,当单独把narBar这一部分拿出来单独测试的时候,发现高度居然就是35px,所以是我前面的代码影响到它了吗?可是我看不出哪里出问题了,求大神帮忙看看。。。

echo_kinchao

你的内外边距影响了
随时随地看视频慕课网APP
我要回答