Html Div应包含屏幕的100%高度

在我的页面中，我定义了三个div，左一个为

col-md-2

，中间一个为

col-md-8

，其余一个为

col-md-2

。我希望正确的div应该采用100%的屏幕高度，即使没有控制。我已将高度和最小高度设置为100%，但它不起作用。我的代码是这样的。我需要做些什么来克服这个问题

---

您还必须将body、html、container和row设置为100%

请注意，只有当其父级为100%时，div才会具有100%的高度（其中没有任何内容）

html，正文{
宽度：100%；
身高：100%；
}
.路政署{
高度：100px；
背景色：红色；
}
.行，.容器{
身高：100%；
}
.行，对{
身高：100%；
背景颜色：绿色；
}

---

您还必须将body、html、container和row设置为100%

请注意，只有当其父级为100%时，div才会具有100%的高度（其中没有任何内容）

html，正文{
宽度：100%；
身高：100%；
}
.路政署{
高度：100px；
背景色：红色；
}
.行，.容器{
身高：100%；
}
.行，对{
身高：100%；
背景颜色：绿色；
}

---

为了将元素的

高度设置为屏幕高度的100%，他的每个家长也必须有100%的高度

例子

@导入url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css);
html，
身体{
身高：100%；
}
梅因先生{
身高：100%；
}
.main.侧边{
身高：100%；
}
/*/装饰/*/
身体{
背景色：#ffeeff；
}
梅因先生{
边框：1px蓝色虚线；
}
.主分区{
边框：1px红色虚线；
}

左边
居中
赖特
为了将元素的
高度设置为屏幕高度的100%，他的每个家长也必须有100%的高度

例子

@导入url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css);
html，
身体{
身高：100%；
}
梅因先生{
身高：100%；
}
.main.侧边{
身高：100%；
}
/*/装饰/*/
身体{
背景色：#ffeeff；
}
梅因先生{
边框：1px蓝色虚线；
}
.主分区{
边框：1px红色虚线；
}

左边
居中
赖特
请用小提琴提供您的代码，否则下面的代码可能会帮助您

.lastdiv{
  position:absolute;
  display:block;
  height:100%;
  background: #ccc;
  right:0;
}

html, body{
  height:100%;
}

请提供您的代码在小提琴，否则可能下面的代码帮助您

.lastdiv{
  position:absolute;
  display:block;
  height:100%;
  background: #ccc;
  right:0;
}

html, body{
  height:100%;
}

设置<代码>高度：100vh1vh是屏幕高度的1%添加一些代码。@Utpal任何答案是否对您有帮助，如果您有任何问题，请提供反馈。设置
高度：100vh1vh是屏幕高度的1%添加一些代码。@Utpal任何答案都可以帮助您，如果您有任何问题，请提供反馈。
.lastdiv{
  position:absolute;
  display:block;
  height:100%;
  background: #ccc;
  right:0;
}

html, body{
  height:100%;
}