.topmenu li:hover.submenu这个地方应该改成.topmenu li:hover .submenu就是.submenu前面应该有一个空格才行

<div class='okc'>

<div class='leftdiv'>手机<br>电脑<br>通讯<br>笔记本</div>

<div class='rightdiv'>右侧推荐品牌<br>右侧推荐品牌<br>右侧推荐品牌</div>

</div>

这段代码要放到li标签里面，你放在外面了

加上border的话，效果会更加明显一些，因为shadow只是阴影，所以其颜色很浅。

另外，那2px的放大，从我个人的角度来看，倒是增添了一点点的动态效果，用户体验更棒了呢~

这些是position的属性值，你要移动图片本身，使用top、right、bottom、left这些属性时，就要加上position这个属性,

。。。
浏览器兼容代码格式，就这样按着规定来写，你也可以不写这句，因为现在浏览器基本都支持

box-shadow:0 0 8px #ddd;

这种写法，但是无规矩不成方圆，建议还是写上各种前缀，因为一些用户他不更新浏览器，老的浏览器就不支持了。

如果你是说字体向下塌陷的话，那是因为鼠标移上去多了个边框，他居中就会动，除非不加边框，现在的淘宝，京东都没加边框，所以不动。你可以取消边框，但高度设为30px。

z-index决定了浮动元素的上下位置，高者显示在低者之上。

绝对定位的top和left都是相对于有着“position: relative”的祖辈元素，注意，是祖辈，不一定是父辈，可以是爷爷辈，哈哈。就是往祖辈元素推移，谁有relative属性，绝对定位就相对于它来进行top和left的偏移。

老铁，这个问题我也很疑惑，你解决了没有？求答案

submenu是包涵在标题div中的 ， 层级自然比标题div高

???

一样的，编辑PHP配置文件，开启pdo的扩展就可以^_^...错了，单引号内不能用转义字符。要用转义字符，需要把单引号改成双引号。

为了兼容老版本的 IE6 浏览器而引用的，

。。没加top

当你定义的CSS中有position属性值为absolute、relative或fixed时，用z-index取值方可生效。

<div class="submenu">//忘了加引号

放到sublime text 3 里，会有提示，直接就改出来了，对了，我是把html,css,js的hint都装了，所以找错比较容易

鼠标经过的悬浮层位于Li标签内：<li><a href="#">图书、音像、数字商品</a>

                                                        <div id="submenu">

                                                           <div id="leftdiv">

                                                              左侧二级分类<br />

                                                             左侧二级分类<br />

                                                             左侧二级分类<br />

                                                            </div>

                                                            <div id="rightdiv">

                                                              右侧推荐品牌

                                                            </div>

                                                        </div>

                                                  </li>

是的 这里用相对定位的好处就是 小白框和悬浮层完美融合在一块  大家知道absolute是绝对定位，会脱离文档，不太好控制， 一般我们在网页制作的时候，一般父元素为相对定位，子元素为绝对定位，这里li没有设置相对定位，再用相对定位的话，小白块的位置需要再作调整、

当你定义的CSS中有position属性值为absolute、relative或fixed时，用z-index此取值方可生效。

rightdiv是200，设置了左浮动，右边空白会多出来，也可以把submenu减少5个像素会好看一点

设置span的位置试试position:relative;

实现一个效果可以 用多种方式完成，能想到别的办法解决问题说明你对页面布局的理解力还是挺不错的

li加上边框后,li的实际高度就等于li原来的高度加上li上下边框的高度了，所以要提前把li的高度减去li上下边框的总高度，然后再加边框就不会影响原来ul的高度了。

你“家用电器”那级li结束部分应该是把.leftdiv和.rightdiv都包裹起来，否则它不起作用，第一级li包裹层级错误

改成：

<li><a href="#">家用电器</a>

        <div class="submenu">

            <div class="leftdiv">

                左侧二级分类<br />

                左侧二级分类<br />

                左侧二级分类<br />

                左侧二级分类<br />

                左侧二级分类<br />

                </div>

                <div class="rightdiv">

                右侧广告图片<br />

                右侧广告图片<br />

                右侧广告图片<br />

                </div>

            </div>

</li>

就可以了

方法一：把div的宽度减去padding、margin值；

方法二：css3中有个属性可以在不改变宽度的同时增加border margin padding  就是box-sizing  可以去查一下他的用法

li  放错地方了

1. body有margin
   

2. 一级菜单有边框，实际宽度大于220px
   

你可以用别的编辑器打开试试，不要用记事本

给分。。。。。。。