我已经将我的样式表设置为有一个容器 (#container) 来保存页眉/内容/侧边栏/页脚/等等，我已经把它放在一个主包装器 (#mainwrapper) 中。我想要达到的效果类似于 College Humor 的网站；旁边的广告。我想在容器的左侧和右侧有一个分区。我所做的就是这样设置的。
<div id="mainwrapper">
<div id="leftwall"></div>
<div id="container"></div>
<div id="rightwall"></div>
</div>
基本上，我希望能够在左墙和右墙 div 中放置图像(或背景图像)，但是，我不希望它触发 x 滚动条。如果观众的分辨率足够高，我只希望它可见。否则，只显示#container。
我已将它们设置为 float: left，以便它们出现在容器的左侧和右侧，但我不知道如何让它们显示为背景图像。
我想这样做的原因是我已经有一个背景图片并且我想保持它的优化。因此，我可以拥有 2 个 100 像素宽的图像，而不是拥有跨越 960+ 像素(#container 宽度)的大图像。 (#leftwall 和#rightwall 的宽度)
我希望这是可以理解的，感谢任何试图提前提供帮助的人!
祝你有美好的一天，布莱恩。
最佳答案
我明白你的意思。现在已经添加了新的媒体查询来进行此类设计。
您可以在您的 css 文件中为特定的分辨率或移动设备定义它。
@media screen and (min-width: 1080px){
#leftwall, #rightwall{display:block;}
}
@media screen and (max-width: 1024px){
#leftwall, #rightwall{display:none;}
}</pre>
下面是您可以了解如何使用这些查询的链接。 http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
希望这有帮助， 干杯，
关于css - 没有滚动条的 bg 的 Div 容器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8979237/