Html 包装器div的css

我是新的表无布局，最近设计的网站在表布局。现在将表格布局转换为无表格布局。我正在为网站使用背景图像。我在wrapper div中遇到了问题，我给了wrapper div一个背景色和阴影，但它不适用。指引我哪里出了问题

HTML:

---

我有问题的包装div有下降阴影和边界，但它是一个特定的高度。我希望阴影和边框高度自动调整包装器div的高度。向工作小提琴显示正确的方法。

在“#”和“包装器”之间有一个空格。移除它，它应该会工作

这应该是最终的css：

body{
  background-image:url(../images/site-bg-5.jpg);
}

#wrapper {
  width:950px;
  margin:0 auto;
  background-color:#FFF;
  box-shadow: 0 0 10px #000;
  border:1px solid #000;
}

#包装器

正确

正文{
背景图片：url（../images/site-bg-5.jpg）；
}
#包装纸{
宽度：950px；
保证金：0自动；
背景色：#FFF；
盒影：0 10px#000；
边框：1px实心#000；
}

df

试试这个css

body{background-image:url(../images/site-bg-5.jpg); }
#wrapper{width:950px;margin:0 auto;background-color:#FFF;box-shadow: 0 0 10px #000;border:1px solid 000;}

删除#和包装器之间的空格，它将正常工作

同时添加高度

这里是工作小提琴：

请参见此处的演示：

---

因此，您需要显示包裹的div以在css“#wrapper”上显示主体背景，移除#和wrapper之间的空间问题已得到解决，但我希望框阴影和边框能够自动调整包裹的div高度。有没有办法做到这一点添加高度：自动；它将根据div大小进行调整。如果这解决了您的问题，也可以接受它作为已接受的答案或回复来改进它。明白了。我把你引荐给一位律师。我有一个问题，包装div是给阴影和边框的标题，菜单和幻灯片div。没有给完整的包装div高度。某处我做了错误。请指出，这个样式适用于包装器div，您的包装器div包含header。您希望将box shadow应用于哪个div？我指的是JSFIDLE。我有一个问题，包装div是给阴影和边框的标题，菜单和幻灯片div。没有给完整的包装div高度。某处我做了错误。请指出

body{
  background-image:url(../images/site-bg-5.jpg);
}

#wrapper {
  width:950px;
  margin:0 auto;
  background-color:#FFF;
  box-shadow: 0 0 10px #000;
  border:1px solid #000;
}

body{background-image:url(../images/site-bg-5.jpg); }
#wrapper{width:950px;margin:0 auto;background-color:#FFF;box-shadow: 0 0 10px #000;border:1px solid 000;}

#wrapper {
width:950px;
margin:0 auto;
background-color:#FFF;
box-shadow: 0 0 10px #000;
border:1px solid #000;
}