css - CSS/HTML：将表格/div 设置为可见区域的最大高度，DID 设置父元素

Question

这是我的 JSFiddle：

http://jsfiddle.net/Ardashev120101/aweff/30/

html,body
{
   margin: 0;
   padding: 0;
   height: 100%;
   border: none;
}

即使将 HTML、Body 高度设置为 100%，并将我的“容器”类设置为 90%，它仍然占用了超过可用屏幕空间！

图像应该动态调整它们的宽度......这是问题吗？

相反，表格只是从屏幕底部延伸出来。:'(

http://jsfiddle.net/Ardashev120101/aweff/30/embedded/result/

Answer 1

表格总是使用width和height属性作为粗略的指导方针。如果内容不合适，则显示所有内容的优先级高于遵守 CSS 规则！

解决方案：将图像缩小。或者，如果您所做的只是显示图像列表，请使用列表而不是表格。

顺便说一句，这些替代文字是迄今为止我见过的最糟糕的替代文字。