为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

我們 2016-08-24 13:25:05
<!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 回答

?
不屈的咸鱼

TA贡献27条经验 获得超21个赞

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

查看完整回答
反对 回复 2016-08-25
?
我們

TA贡献6条经验 获得超2个赞

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

查看完整回答
反对 回复 2016-08-24
?
echo_kinchao

TA贡献600条经验 获得超86个赞

你的内外边距影响了

查看完整回答
反对 回复 2016-08-24
  • 我們
    我們
    <!-- navBar start --> <div class="navBar"> <div class="nav"> <div class="allProductCate"> <h3>全部商品分类</h3> <!-- <div class="secMenu"> <ul> <li>aaa</li> <li>aaa</li> <li>aaa</li> <li>aaa</li> </ul> </div> --> </div> <div class="categoriesName"> <ul> <li><a href="#" class="active">数码城</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结束 -->
  • 我們
    我們
    上面的是html代码,css代码在下面,可以帮我看看吗,我实在不知道究竟是哪里错了。。找了好久。。。。
  • 我們
    我們
    不好意思。。。说错了两个地方。。。我是调整的nav的margin-top,第二个在控制台中调整nav的margin-top是无效的。。。,真的找不出来到底为什么会这样//
点击展开后面2
  • 6 回答
  • 0 关注
  • 1890 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信