固定高宽的位置就是子元素的裁剪

Question

我正在一家酿酒厂的网上商店工作。 Link 到页面是 http://develope.haimerl.at/shop。在商店页面中，所有葡萄酒都会显示一些信息。每个第二个产品 div 应该小一点，这在屏幕宽度 under 1000px 下工作正常但在 1000px or higher.
下不起作用我正在使用购买的 wordpress 主题，并正在寻找 CSS 中可以解释此行为的任何断点。当我使用 :nth-child 运算符设置 fixed height 时，它只会剪切子元素。
也许，有没有人知道我如何管理每个第二个元素都比其他元素小一点？

提前致谢

Answer 1

如果你检查你的 css 代码有一个断点影响你的 pile-item-even-spacing class 有最小宽度： 999px.

@media only screen and (min-width: 999px)
.pile-item-medium-3d:not(.pile-item-small-3d):not(.pile-item-large-3d) .pile-item-even-spacing, .pile-item-medium-3d:not(.pile-item-small-3d):not(.pile-item-large-3d) .pile-item-portrait-spacing {
    padding-left: 0;
    padding-right: 0;
}

请 comment/remove 它会起作用的。

固定高宽的位置就是子元素的裁剪

Position fixed height and width is cutting of child elements

html

css

fixed