我的网址:http://highcatering.wpengine.com/
几乎在网站的底部有一张图片,新娘坐在沙发上。我在样式表上应用了以下语句:
.novia img {min-width:1000px; float:none;}
我这样做是因为我想让图像保持一个固定的高度。它工作得很好;然而,这会导致图像突出主体(您可以通过减小浏览器的窗口宽度并向右滚动来看到它)。我不想那样。任何想法?
提前感谢!!
由于周围容器的宽度为100%,您可以隐藏其溢出x。
figure.novia {
overflow-x: hidden;
}
添加到novia类css
overflow: hidden;
它将保持图像的适当大小(高度),但隐藏任何超出容器(在本例中)的图像。