css的高度被取消

在CSS中，高度是一个非常重要的属性。它可以控制元素在垂直方向上的大小，一般使用height属性来设置。不过，在某些情况下，高度可能会被自动取消，这可能会导致我们的布局出现问题。

在CSS中，高度被取消的情况通常出现在以下几种情况：

/* 1. 父元素没有设置高度 */
.parent {
  /* 没有设置高度 */
}
/* 2. 父元素使用了浮动布局 */
.parent {
  float: left;
}
/* 3. 父元素使用了绝对定位布局 */
.parent {
  position: absolute;
}
 

对于这些情况，我们需要针对性地添加代码来解决高度被取消的问题。

对于第一种情况，我们需要在父元素中添加一个具体的高度，例如：

.parent {
  height: 300px;
}
 

对于第二种情况，我们需要使用clear属性来清除浮动，例如：

.parent {
  float: left;
  clear: both;
}
 

对于第三种情况，我们需要将父元素的定位方式改为相对定位，例如：

.parent {
  position: relative;
}
 

总之，在CSS中高度被取消的情况并不少见，当我们遇到这种情况时，需要仔细分析并针对性地添加代码来解决这一问题。