我已经将样式表设置为有一个容器（#container），其中包含header / content / sidebars / footer / etc，我将它放在一个主包装器中（#mainwrapper）。我想要达到的效果类似于College Humor的网站;旁边的广告。我想在容器的左侧和右侧有一个分区。我所做的就是这样设置。
<div id="mainwrapper">
<div id="leftwall"></div>
<div id="container"></div>
<div id="rightwall"></div>
</div>
基本上，我希望能够将图像（或bg图像）放在左墙和右墙div中，但是，我不希望它触发x滚动条。如果观众的分辨率足够高，我只希望它可见。否则，只显示#container。
我已将它们设置为浮动：左侧，以便它们出现在容器的左侧和右侧，但我对如何使它们显示为背景图像感到困惑。
我想这样做的原因是我已经有了背景图片，我想保持优化。因此，我可以拥有2个100px宽的图像，而不是拥有超过960+像素（#container width）的大图像。 （#leftwall和#rightwall的宽度）
我希望这是可以理解的，感谢任何提前帮助的人！
祝你有个美好的一天，Brian。
答案 0 :(得分：1)
我明白你想要什么。现在，我们添加了新的媒体查询来进行这类设计。
您可以在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/
希望这有助于， 欢呼声，
答案 1 :(得分：0)
我不确定你想要达到什么目标;也许你可以展示你的css到目前为止的样子，但是你试过给外部容器一个最小宽度吗？
答案 2 :(得分：0)
我设置了一个我认为你想要实现的目标，你只需要改变一些数字以满足你的需求：http://www.jsfiddle.net/KrfVR/14/
调整结果框的大小以查看边div显示/消失。