我如何有一个 100% 宽度的 DIV 和一个不扩展水平滚动条的盒子阴影？答案

【问题标题】：How do I have a 100% width DIV with a box-shadow that doesn't extend the horizontal scroll bar?我如何有一个 100% 宽度的 DIV 和一个不扩展水平滚动条的盒子阴影？
【发布时间】：2011-03-10 01:48:25
【问题描述】：

#top_menu {
    background-color: #175274;
    height: 100px;
    box-shadow: 0px 4px 6px #000;
    -moz-box-shadow: 0px 4px 6px #000;
    -webkit-box-shadow: 0px 4px 6px #000;
    width: 100%;
    overflow: hidden;
}

这就是我现在所拥有的，但是因为盒子阴影有一个半径，它会自动扩展 DIV 的宽度，从而创建一个水平滚动条。

【问题讨论】：

标签： css

【解决方案1】：

使用overflow:hidden; width:100% 创建一个包装器，并从具有box-shadow 的元素中删除overflow。

【讨论】：