我有一个带有居中固定宽度div的网站(div使用margin-left:auto居中)。现在我想在这个div的左侧和右侧显示一些图像。图像不应影响浏览器窗口的滚动。如果分辨率太小,则应该切断图像,而不在浏览器中显示滚动条。但是如果没有足够的空间用于居中的div,则应该出现滚动条。
如何实现这一目标?
修改:左侧/右侧没有图片的网站可在此处找到:http://b-sides.ch/openair12/
答案 0 :(得分:0)
我将图像作为页面的背景(正文背景)作为单个jpg。在图像之间保留一个等于中心div宽度的空格。 但也许你应该展示你的代码。
答案 1 :(得分:0)
对于你的问题,我建议你开始让网站流畅。然后应用媒体查询以在屏幕变小时摆脱“侧边栏”。 在媒体查询中,您告诉浏览器获取
overflow-x:scroll;
以下网站提供了很好的示例,可让您的网站在所有浏览器中保持流畅且兼容:http://matthewjamestaylor.com/blog/perfect-multi-column-liquid-layouts