CSS/HTML : Setting a table/div to max height of visible area, DID 设置父元素

Question

这是我的 JSFiddle:

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

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

即使将 HTML 的主体高度设置为 100%，并将我的“容器”类设置为 90%，它仍然占据了比可用屏幕空间更多的空间!

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

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

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

Answer 1

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

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

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