CSS max-width没有效果;用宽度代替

Question

我正在尝试将元素设置为像素的特定大小，或者，如果它超过屏幕的某个百分比，则为屏幕的百分比。

我环顾四周，似乎max-width应该这样做，但事实并非如此。

相关的CSS是：

ul.images {
  width: 10000px;  
  max-width: 10%;
}

10000远大于100％，因此宽度应为10％，但它只使用10,000。这是在Chrome中。我该如何解决这个问题？

Answer 1

我认为您可能遇到的问题更多地与padding和margin的{​​{1}}和ul有关。

这会解决您的问题吗？ jsFiddle

html, body

如果这可以解决您的问题，那么html, body { padding: 0px; margin: 0px; } ul.images { width: 10000px; max-width: 100%; padding: 0px; margin: 0px; } 可以很好地解决问题，您遇到的唯一问题是max-width与max-width: 100%和padding的结合margin及其包含元素的宽度大于ul。

Answer 2

ul的父容器是固定的/绝对没有指定的宽度？ 我已经创建了一个带有一些示例代码的小提琴，当ul不是绝对父级的子级并且父级具有指定的宽度时，它工作正常，但是当它没有时，它就不起作用。

http://jsbin.com/imazaq/2/edit

Answer 3

原来是因为

display: table;

CSS中的

。

由于某种原因删除了修复它。