当前位置: 首页 > 面试题库 >

div高度:0px不起作用?

松智勇
2023-03-14
问题内容
<div style="height:0px;max-height:0px">
</div>

将div高度设置为0px似乎无效。

div展开以显示其内容,我们如何防止这种情况发生?


问题答案:

如果您 真的 想确定它没有高度,可以使用以下方法:

display: block;
line-height:0;
height: 0;
overflow: hidden;

如果您在IE上仍然遇到问题,也可以添加

zoom: 1;

在针对IE的样式表中添加了条件注释。这将触发IE中的hasLayout属性。

并且display:none与将其设置为零高度不同。只需查看各种clearfix解决方案,以解决 从流程中删除它的问题。



 类似资料:
  • 问题内容: 我在上设置了20px的高度,但是当它在浏览器中呈现时,其高度仅为14px。 有任何想法吗? 问题答案: 您不能使用和设置和的元素。使用代替。 根据CSS2规范 10.6.1内联非替换元素 该属性不适用。内容区域的高度应基于字体,但是此规范未指定如何。UA可以例如使用字体的em-box或最大升序和降序。(后者将确保在em- box上方或下方具有部分文字的字形仍位于内容区域内,但导致不同字

  • 问题内容: 我有两个div,高度为90%,但显示方式有所不同。 我试图在它们周围放一个外部div,但这没有帮助。另外,在Firefox,Chrome,Opera和Safari上也是如此。 有人可以解释为什么我遇到这个问题吗? 下面是我的代码: 问题答案: 使用(视口高度)代替百分比。它将获取浏览器的高度并相应地调整其大小,例如 试试这个代码 与CSS

  • 问题内容: 我有两个div,高度为90%,但显示方式有所不同。 我试图在它们周围放一个外部div,但这没有帮助。此外,在Firefox,Chrome,Opera和Safari上也是如此。 有人可以解释为什么我遇到这个问题吗? 下面是我的代码: 问题答案: 使用(视口高度)代替百分比。它将获取浏览器的高度并相应地调整其大小,例如 试试这个代码 与CSS

  • 我有一个完全居中的div(itemSoldOutView)。在这个div中还有另一个div(itemSoldOutViewContent),它的最大高度应该是父div的90%。因此,如果内容太多,它就会滚动(注意:只有内部内容div应该滚动)。但这不起作用。如何设置正确的高度? 这是我的代码(JSFIDDLE):

  • 问题内容: 我使用占用所有可用空间的第三方组件,即width=100%和height=100%。我没有控制权。 我正在尝试使其适合以下布局,但是它height=100%不起作用(我希望第三方组件占据所有绿色空间)。 为什么?您将如何解决? 问题答案: 通常,对于使用percent on height来获取其父代的高度的元素,父代需要的高度不是auto或定位为绝对高度,否则height将计算为aut

  • 问题内容: 我试图制作一个导航内联列表。您可以在这里找到它 由于某些原因,它不显示LI的宽度和高度。这是代码段。这有什么问题? 问题答案: 将元素声明为,并从元素中删除宽度和高度。 或者,将a 应用于元素并在该元素上使用。这与跨浏览器更加兼容,例如Firefox <= 2不支持。 如果您将元素的宽度设置为100%(以使其从左边缘到右边缘跨越),然后应用apply,则第一种方法将使您拥有一个动态居中