                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /商城分类导航效果

为何submenu会遮掩部分topmenu？

submenu的left设置为220px，而topmenu宽度也为220px

慕粉3247841

2016-05-20

源自：商城分类导航效果 2-6

关注问题我要回答

1156

操作

收起

4 回答

樱桃小丸子的西瓜
2017-04-25

因为你前面的li标签设置了padding-left：8px；在内部设置padding值会将框的宽度撑大，这是很常见的现象

0 回复有任何疑惑可以回复我~

慕粉3247841 提问者
2016-05-21

上w3school看到说在 CSS 中，width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸。算是弄明白了！

1 回复有任何疑惑可以回复我~

#1

赞你！

2016-05-21 回复有任何疑惑可以回复我~

竹之同学
2016-05-21

试验了一下，其实submenu的父元素：li->topmenu 都没有定位，所以其实submenu是相对于body定位的，你把body的margin设为0，一切就豁然开朗。

0 回复有任何疑惑可以回复我~

#1

慕粉3247841 提问者

每种浏览器都有一套默认的样式表，在网页制作过程，没有指定相应的样式时，就会按照浏览器内置的样式表来渲染。chrome/firefox的body标签设置了margin:8px,原来还有这么个问题

2016-05-21 回复有任何疑惑可以回复我~

竹之同学
2016-05-20

我也想知道...

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

商城分类导航效果

参与学习 63737 人
解答问题 276 个

两种方法实现分类导航，同时扩展讲解其它商城分类导航的制作方法

本课相似问答

3 回答.topmenu .lihover .submenu ？

3 回答还是没有理解到topmenu .lihover；.topmenu .lihover .submenu； .topmenu .lihover span

1 回答为什么我这个submenu靠下?

1 回答阴影无法全部遮盖

1 回答span遮不全，上下会留一点边框

搜索更多本课相关问答

为何submenu会遮掩部分topmenu？

我要回答关注问题

意见反馈帮助中心 APP下载