23、鼠标移入板块阴影效果被裁切的解决方法

一、现象

对板块做鼠标移入阴影效果的时候，因为页面宽度问题，导致阴影被遮挡看不到了。形成页面最左侧板块，左边框无阴影；最右侧边框，右边框无阴影的现象。

二、原因

父及元素写了样式“overflow: hidden;”造成无法显示超出规定范围的边际阴影效果。

三、解决办法

1、 去掉“overflow: hidden;”，使用“overflow: visible;”：

如果让具体的板块溢出可见，可能就要对某一板块设置固定的高度，否则他不会自动变高。

2、外框宽度写大

比如说内框本身是1200像素宽的，左右阴影大概会各自有4像素那么宽。这样板块的总宽度度就要至少做成1200+4+4=1208像素。