如何同时设置max-height:270px和height:auto以便在内容(图像)太大时缩短其尺寸并将它放在270px下，否则它应该是auto高度。我尝试使用overflow-Y但我不想要滚动条，只需要图片的迷你版。我该怎么做？ 最佳答案 更改代码::试试看img{height:100%;max-height:270px;} 关于html-CSS同时为图像应用Max-height和Autoheight属性，我们在StackOverflow上找到一个类似的问题：
在演示中'MaintainableCSS'byNatalieDowne，我看到一条建议说:"beafraidofheights,vertigoishealthyontheweb.NEVERuseheightinpxonanythingwithtextinside"这是为什么？ 最佳答案 我猜这是由于两个原因:Web文档应该是流畅的。如果您的高度固定并且稍后需要添加或删除文本，会发生什么情况？用户可以更改字体大小。关于演示者为何特别挑出像素:px中的高度不随字体大小缩放，而至少em中的高度会缩放。
在演示中'MaintainableCSS'byNatalieDowne，我看到一条建议说:"beafraidofheights,vertigoishealthyontheweb.NEVERuseheightinpxonanythingwithtextinside"这是为什么？ 最佳答案 我猜这是由于两个原因:Web文档应该是流畅的。如果您的高度固定并且稍后需要添加或删除文本，会发生什么情况？用户可以更改字体大小。关于演示者为何特别挑出像素:px中的高度不随字体大小缩放，而至少em中的高度会缩放。
我想要一个DIV:高度=所有可用尺寸我的内容垂直滚动我可以执行1)或2)，但这两个要求对我来说都不能正常工作。他是我的HTML:...这是CSS:.FixedHeightContainer{height:100%;padding:3px;background:#f00;}.Content{height:100%;overflow:auto;background:#fff;}这是jsfiddle:https://jsfiddle.net/demas/9jLayt3v/在此版本中，内容大于可用高度(查看底部的红色边框)。我可以设置height=300px，在这种情况下，我会有正确工作的滚动
我想要一个DIV:高度=所有可用尺寸我的内容垂直滚动我可以执行1)或2)，但这两个要求对我来说都不能正常工作。他是我的HTML:...这是CSS:.FixedHeightContainer{height:100%;padding:3px;background:#f00;}.Content{height:100%;overflow:auto;background:#fff;}这是jsfiddle:https://jsfiddle.net/demas/9jLayt3v/在此版本中，内容大于可用高度(查看底部的红色边框)。我可以设置height=300px，在这种情况下，我会有正确工作的滚动
这个问题在这里已经有了答案:关闭9年前。PossibleDuplicate:whyjquery.height()getadifferentresultonchrome?我有一个使用CSS类myclass.CSS类如下:.myclass{position:absolute;width:192px;font-size:11px;background-color:#FFF;padding:15px15px0;box-shadow:01px3pxrgba(34,25,25,0.4);-moz-box-shadow:01px3pxrgba(34,25,25,0.4);-webkit-box-sh
这个问题在这里已经有了答案:关闭9年前。PossibleDuplicate:whyjquery.height()getadifferentresultonchrome?我有一个使用CSS类myclass.CSS类如下:.myclass{position:absolute;width:192px;font-size:11px;background-color:#FFF;padding:15px15px0;box-shadow:01px3pxrgba(34,25,25,0.4);-moz-box-shadow:01px3pxrgba(34,25,25,0.4);-webkit-box-sh
在绕过许多其他问题后，我还没有找到解决我问题的答案。我正在编写一个脚本来查明div是否溢出。但是当尝试使用jQuery.height()、jQuery.innerHeight()或JavaScriptsoffsetHeight检索可见高度时。我得到了整个div的值(包括溢出的部分)，即:与scrollHeight相同的值。包含的DIV样式:{overflow-x:hidden;overflow-y:auto;width:73%;bottom:0px;float:left;height:100%;top:0px;}我在jsFiddle上创建了场景模型:http://jsfiddle.ne
在绕过许多其他问题后，我还没有找到解决我问题的答案。我正在编写一个脚本来查明div是否溢出。但是当尝试使用jQuery.height()、jQuery.innerHeight()或JavaScriptsoffsetHeight检索可见高度时。我得到了整个div的值(包括溢出的部分)，即:与scrollHeight相同的值。包含的DIV样式:{overflow-x:hidden;overflow-y:auto;width:73%;bottom:0px;float:left;height:100%;top:0px;}我在jsFiddle上创建了场景模型:http://jsfiddle.ne
这会将框定位在顶部下方一点HelloWorld这会将框定位在顶部附近，看起来height和top属性都不是在职的。盒子的高度不是50%，盒子不是低于顶部的50%。HelloWorld我在这方面几乎是个初学者，但如果left和width与百分比一起工作似乎不应该是top和height？ 最佳答案 如果它的父级没有固定高度，你的盒子不能有一个高度，即它的父级的百分比，因为那样盒子就不知道它需要多高(通常这样的父元素是body或其他一些包装元素)。作为直接结果，带有百分比的top也不会产生任何影响。
