我们经常在电脑屏幕上看淘宝、京东等之类的电商网站时，总会看到一种菜单栏，当你鼠标移入某个div时，它便有选中的效果，今天来讲讲怎么做选中时该div与它匹配的内容相连接的效果。
解决该问题常见有两种办法:
第一种：打补丁法
首先在移入的父元素div中设置一个position:relative;再在添加两个子元素，一个是打补丁的div，一个是内容div，其次，再分别添加position:absolute;补丁的宽度应与父 元素的宽度一致，然后再稍稍调整一下它的位置就行了
第二种:撑大内容法
首先还是要在移入的父元素div中设置一个position:relative;再在添加两个子元素，一个是打补丁的div，一个是内容div。再在父元素中添加padding：1px;这样也可以达到效果。
原文：http://www.cnblogs.com/winterSnowwing/p/5075620.html