将阴影应用于最外层？

Question

是否可以将CSS中的shadow属性应用于外部div？我组织我的东西的方式是这样的：

<div id="outer">
  <div id="left"></div>
  <div id="center"></div>
  <div id="right"></div>
</div>

我想做点什么：

#outer{
display:block;
width: 825px;
height 300px;
margin-left: auto;
margin-right: auto;
-moz-box-shadow: 0 0 5px 5px #319a00;
-webkit-box-shadow: 0 0 5px 5px #319a00;
box-shadow: 0 0 5px 5px #319a00;
}

但是它创造了一个没有高度的阴影。有什么想法吗？

Answer 1

原因是你错过了在你的CSS中height之后添加一个冒号:)我不认为它有什么比这更奇怪。