css - 将阴影应用于最外层？

Question

是否可以将 CSS 中的阴影属性应用于外部 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

原因是您错过了height在 CSS 之后添加冒号 :) 我认为没有什么比这更奇怪的了。