如何使用未擴展水平滾動條的盒式陰影來設置100％寬度的DIV？

Question

#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的寬度，從而創建一個水平滾動條。

Answer 1

用overflow:hidden; width:100%創建一個包裝，並從具有box-shadow的元素中刪除overflow。