CSS:为什么这个 div % 宽度不起作用？

Question

在this page ，当视口(viewport)减小到 1024px 或更小时，div#boxes 的宽度为 20%，但它不会以其父宽度的 20% 显示。它显示为小得多的东西的 20%，我无法计算。

你能帮我确定为什么 div#boxes 没有显示 @20% 的 #front-page-slide 宽度吗？

Answer 1

这个问题似乎与该元素上的大量代码有关...当您在父元素和兄弟元素上使用 display: table-cell 时(# slider) 已经设置了宽度，没有必要重新定义剩余元素的宽度，所以...如果你从媒体查询中删除 20% with @media only screen and (max- width: 1024px)(来自文件 mhm-style.css 的第 155 行)，它会工作得更好。

希望这对您有所帮助。