访问当当首页，当鼠标滑过左侧分类时候，可以看到分类的详细信息是固定区域的，如下所示：
但鼠标滑过左侧分类时，右侧显示是很好实现的，但是怎么能让其右侧和详细信息块“连接”上呢？
其实，通过css就可以实现。下面是我写的一个示例demo：
实现效果如下：
注意的是：
1. 我在active 的li上添加样式 nav_li_hover样式，需要将此 li的宽度设置成刚好压住nav_main 的宽度
2. li 要想压住nav_main区域，需要将其z-index值大于 nav_main，如果要使用z-index，必须同时设置元素属性 position:realative
3. li 的border-right 设置为和底色相同。
另，还有种实现的方法，将li的背景切出一张图出来，右侧border无的效果，作为li 的background
版权声明：本文为spring21st原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。