CSS高度之间的差异：100％vs高度：自动
在一次采访中有人问我“ css height:100%和height:auto？有什么区别？”
有人可以解释吗？
问题答案：
height:100% 表示元素将具有其父容器的100％高度。
height:auto 意味着，元素将具有灵活的高度，即其高度将取决于其子元素的高度
考虑以下示例：
高度：100％
<div style="height:50px">
<div id="innerDiv" style="height:100%">
</div>
</div>
#innerDiv 将会有 height:50px
高度：自动
<div style="height:50px">
<div id="innerDiv" style="height:auto">
<div id="evenInner" style="height:10px">
</div>
</div>
</div>
现在#innerDiv将有height:10px
-
问题内容： 我使用此 CSS将最大高度设置为 谁能给我一个普遍的答案， 和 之间有什么区别？ 问题答案： 这是W3Clink的解释： 以下算法描述了两个属性[min-height和max-height]如何影响’height’属性的使用值： 临时使用的高度是根据上面“计算高度和边距”下的规则计算的（不包括“最小高度”和“最大高度”）。 如果此暂定高度大于“最大高度”，则会再次应用上述规则，但是这次
-
问题内容： 数小时以来，我一直在脑海中摸索，试图找出这个问题，并认为这一定是我所缺少的。我已经在网上搜索过，但没有发现有效的方法。HTML是： 我的完整CSS是： 我希望侧边栏可以随着页面内容的高度而扩展，而将侧边栏底部的图像始终保留在侧边栏的底部。 问题答案： 更新： 因为这个答案仍然在上下投票，并且在撰写本文时已经 八岁了 ：现在可能有更好的技术。原始答案如下。 显然，您正在寻找Faux列技术
-
我必须在屏幕高度上安装iframe。显然，我想要100%的宽度，但，因为这不起作用，我使用100VH。但像大众这样的vh并不完全是100%。在我的笔记本电脑通过chrome虽然100%的宽度呈现完美不需要水平滚动条，大众有大约一厘米额外。
-
问题内容： 使用HTML / CSS，如何制作宽度和/或高度为其父元素的100％并且仍然具有适当的填充或边距的元素？ 所谓“适当的”我的意思是，如果我的父元素是高大的，我指定用我所期望的，我应该得到一个高的元素与所有各方，很好地集中在父元素。 现在，我知道这不是标准盒模型指定它应该工作的方式（尽管我想确切地知道为什么），所以显而易见的答案不起作用： 但是在我看来，必须有某种方法可以可靠地为任意大小
-
问题内容： 目前，通过STYLE，我可以在和高度上使用和，反之亦然，但是我仍然不能将图像分别限制在一个特定的位置，无论是太宽还是太高。 有任何想法吗？ 问题答案： 如果仅在图像上定义一维，则将始终保留图像长宽比。 图像是否比您喜欢的更大/更佳？ 您可以将其放入DIV中，该DIV设置为图像所需的最大高度/宽度，然后设置“ overflow：hidden”。那将收获超出您想要的任何东西。 如果图像的宽
-
问题内容： 我目前正在为一家公司制作移动目标网页。这是一个非常基本的布局，但是在页眉下面有一个产品图片，该图片始终为100％的宽度（设计显示，该图片始终从一条边到另一条边）。根据屏幕的宽度，图像的高度显然会相应地进行调整。我最初使用img（CSS宽度为100％）来完成此操作，效果很好，但我意识到我想使用媒体查询根据不同的分辨率提供不同的图像- 假设尺寸较小，中等，例如，同一张图片的大版本。我知道您