图像伸出身体[wordpress主题]

Question

以下是我的网站：http://highcatering.wpengine.com/

新娘坐在沙发上，几乎在网站底部有一张图片。 我在样式表上应用了以下语句：

.novia img {min-width:1000px; float:none;}

我这样做是因为我希望图像保持固定的高度。它工作得很好;然而，这导致图像伸出身体（你可以通过减少浏览器窗口宽度和向右滚动来看到它）。我不想要那个。

有什么想法吗？

提前致谢!!

Answer 1

由于周围的容器宽度为100％，您可以隐藏其overflow-x。

figure.novia {
  overflow-x: hidden;
}

Answer 2

将此添加到novia类css

overflow: hidden;

它会使图像保持适当的大小（高度），但隐藏任何超出容器的图像（在本例中）。