有没有办法使父元素继承其子元素的高度？

10 浏览
0 Comments

有没有办法使父元素继承其子元素的高度？

通过将父元素的display设置为inline-block，可以使父元素的宽度与子元素相同，但是否有办法使父元素具有相同的高度？

     网站标志

-

   #nav-logo {
  display: inline-block;
  float: left;
  width: 236px; 
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  top: -5px;
   }

0

1 答案

0 Comments

有时候，我们希望父元素的高度能够继承其子元素的高度。然而，默认情况下，父元素的高度并不会自动适应子元素的高度。那么，我们有没有办法让父元素继承子元素的高度呢？

解决这个问题的方法是将内联图像的display属性设置为block。这样做可以使父元素的高度自动适应子元素的高度。

代码示例：

在上面的代码中，我们给img元素添加了style属性，并将display设置为block。这样，父元素就能够继承子元素的高度了。

通过将内联元素的display属性设置为block，我们可以解决父元素无法继承子元素高度的问题。这对于需要父元素自动适应子元素高度的布局非常有用。

0