我需要在页面顶部放置一个大封面图片。它比我的 960px 内容包装器更宽，所以我将它放在外面，但我不希望它因为它的宽度而导致页面水平滚动。是否有一种既定的方法可以使容器在滚动时忽略特定的子项？
我的第一个想法是让它成为 100% 宽度的 div 的居中背景，但图像是动态的，不应该由 CSS 分配。
问问题
458 次
2 回答
1
您可以max-width:100%在图像上进行设置，如果它在全尺寸时太大，这将缩小以适合（只要确保height未设置或auto）
或者，您可以使用背景图像，但将“图像”部分none放在外部 CSS 中。然后，你应该src="path/to/image.png"在你的地方<img />，而不是把style="background-image:url('path/to/image.png');"
于 2013-01-20T17:47:30.220 回答
1
您可以缩放图像以适合容器的宽度 ( max-width: 100%;)，或者overflow-x: hidden;在图像的父元素上设置以隐藏任何水平溢出的内容（避免滚动条）。
于 2013-01-20T17:52:19.447 回答