通过 CSS 重置 HTML 元素的高度

Posted 2023-03-05

【中文标题】通过 CSS 重置 HTML 元素的高度

【英文标题】：Resetting height of an HTML element via CSS

【发布时间】：2010-09-17 18:32:11

【问题描述】：

我使用了一个定制的 asp.net 控件，该控件呈现为一个 DIV，并且在元素中硬编码了“height='0'”（我知道......愚蠢）。但我需要重置它 - 以某种方式摆脱高度分配。这对 CSS 可行吗？

例如，我可以将高度设置为 100 像素，它可以工作。但这不是我想要的 - 我希望移除高度分配。

更新： 使用 FireBug，我可以看到 CSS 的高度被硬编码的高度覆盖：

删除了无效的 ImageShack 链接

我想除了删除硬编码的 height=0 之外，我没有办法解决这个问题。还有其他人看到替代方案吗？

【问题讨论】：

您的图片链接似乎已损坏，因此我们无法查看那里发生的情况。如果您仍有原始屏幕截图，请将其重新上传到 stack.imgur，或者只是编辑您的问题以删除损坏的图像。谢谢。

【参考方案1】：

将高度更改为“自动”，看看是否适合您。

Auto是元素的默认高度，表示浏览器自己计算高度。

【参考方案2】：

样式属性总是覆盖类。所以你将不得不删除样式属性的高度规则。

【讨论】：

是高度属性，不是样式属性。

Rahul 实际上是正确的 - 在这种情况下它是 style 属性的属性。

【参考方案3】：

您可能需要使用 height:auto !important，因为 height 属性具有非常高的优先级 (IIRC)。

但理想情况下，您会空手道踢出该属性。呸。

【讨论】：

完美！如果您使用响应式设计，这将非常有用！