html - CSS 最大高度/宽度 100% 溢出

Question

我在 div 中有图像，还有一些 css 将所有内容隔开，但我遇到了一个问题，即主图像溢出视口(viewport)(图像在窗口边缘被切断)，即使我有

img{max-height: 100%;
    max-width : 100%;}

目前 max-height: 100% 填充高度， max-width: 100% 导致溢出(反之亦然，具体取决于维度)。我希望图像首先填充宽度或高度，以较小者为准

参见: http://jsfiddle.net/P32r8/ http://jsfiddle.net/P32r8/7/

更新:图片!它目前正在做第一个，我希望它做第二个。

Answer 1

我在 css 中添加了这段代码:

div#image-space {
    width: 100%;
    height: 100px;
    padding: 0;
    margin: 0;
}
nav {
    width: 30%;
    float: left;
}
div#content {
    float: left;
}
div#content img.clicked {
    width: 50%;
    float: left;
}

容器空白是您想要的吗？ http://jsfiddle.net/P32r8/19/