Question

我有col-sm-1和col-sm-9和col-sm-3。我希望他们有一个完整的高度。当我做高度：100％时，只有当我有内容时，高度才会变满。即使它只是空的，我希望高度充足。所以我刚做height:2000px; background-color:grey;，现在看起来就像我想要的那样。然而，即使是像我这样的初学者也知道这不是最好的方法。我被允许去高度：2000px;并处理它？

Answer 1

即使内容不存在，高度100％也填充空间，但由于未设置父容器高度，它可能无法正常工作。因此，为此，您需要以固定像素定义父元素高度或设置父级分层方式的100％高度。简而言之，只需将高度100％设置为//serialize a prettyFormat json string public static final String toJSONString(Object object, boolean prettyFormat); eg:Log.d(TAG,JSON.toJSONString(object, true));：

即可解决此问题

html,body

这是一个演示：

html,body{
  height: 100%;
}
.your_element{
  height: 100%;
}

html,body{
  height: 100%;
  }
div{
  height: 100%;
  background-color: red;
  }

Answer 2

只需使用Flexbox。

为他们的父母分配一个班级.flexbox，将CSS设置如下。

.flexbox .col {
  flex: 1;
}

而不是设置高度：100％;我可以去高度：2000px;

2 个答案: