使图像宽度为父div的100％，但不大于其自身的宽度
我正在尝试使图像（动态放置，不受尺寸限制）的宽度与其父div一样宽，但前提是该宽度不比其自身的宽度100％宽。我已经尝试过，但无济于事：
img {
width: 100%;
height: auto;
max-width: 100%;
}
这些图像中的许多图像都比其父div宽得多，这就是为什么我希望它们进行相应调整的原因，但是当其中弹出一个小图像并放大到超出其正常尺寸时，它看起来确实很糟糕。有什么办法吗？
问题答案：
仅指定max-width: 100%一个，就应该这样做。
-
问题内容： 当我有一个with时，它并不是100％： 现在，当您调整窗口大小时，会有一个水平滚动条，然后向右滚动，则背景消失了。在这种情况下如何保持背景？ 现在，当您调整窗口大小并向右滚动时，您将不再看到背景。如何解决这个问题？ 问题答案： 100％值是父级宽度或视口的100％。请参阅文档。
-
问题内容： 有没有一种方法可以在比其父对象更宽的父容器DIV中包含子DIV 。子DIV必须与浏览器视口的宽度相同。 子DIV 必须保留为父div的子。我知道我可以在子div上设置任意的负边距以使其更宽，但是我不知道如何从根本上使它成为浏览器宽度的100％。 我知道我可以这样做： 但是我需要孩子的宽度与动态浏览器的宽度相同。 Update 感谢您的回答，到目前为止，似乎最接近的答案是将子DIV位置设
-
问题内容： 如何为宽度创建CSS规则 默认使用100％宽度 如果100％的宽度超过了某个像素的宽度（例如512像素），则该宽度将被限制为该像素的宽度 我不确定宽度和最大宽度关系，也不知道如何支持calc（）或可以表达这一点。这需要与最新的WebKit浏览器和Firefox 4配合使用。不需要IE8等支持。 问题答案： 这实际上是的预期用途。如果元素的计算值（实际值）超过，它将被限制为最大值，而不是
-
我试图设置一系列div的背景图像，每个都有自己固定的高度，并拉伸以填充宽度，即使顶部/底部有溢出被剪辑。我只是不想边缘有空白。 目前，我有：http://jsfiddle.net/ndKWN/ CSS
-
问题内容： 我想显示一个带有边距的可扩展（）… 这是我的代码： 这是我的CSS代码： 问题答案： 您可以使用以下CSS达到所需的结果：
-
问题内容： 我正在尝试根据元素的（100％）高度使用宽度大小制作一个响应式正方形。我相信仅使用CSS是不可能的。 正方形宽度应等于高度（大型容器的100％。大型容器大于屏幕的100％）。该比例必须为width = height才能保持正方形。 问题答案： 好的，这里的解决方案。