内部div，父div的高度为100％

Question

嗨，我搜索我的内部div没有100％高度的原因。我在这里和互联网上检查了很多线程，但没有任何效果。我需要具有与浏览器内容相同宽度和高度的内容的网站=因为我需要所有具有浏览器高度高度的div。我只搜索CSS解决方案（=没有CCS3，没有Javascript / Jquery等）。

<div class="obsah">
    <div class="obsah_in_1_3">
    obsah1
    </div>
    <div class="obsah_in_2_3">
    obsah2
    </div>
    <div class="obsah_in_3_3">
    obsah3
    </div>
</div>

html, body{
  height: 100%;
}
.menu{
  position: relative;
  float: left;
    width: 260px;
  height: 100%;
  min-height: 100%;
  height:auto !important;
  background-color: green;
}
.obsah_in_1_3 {
  float: left;
  width: 33%;
  background-color: #FF0000;
  height: 100%;
  min-height: 100%;
  height:auto !important;
}
.obsah_in_2_3 {
  float: left;
  width: 33%;
  background-color: #00FF00;
  height: 100%;
  min-height: 100%;
  height:auto !important;
}
.obsah_in_3_3 {
  float: left;
  width: 34%;
  background-color: #0000FF;
  height: 100%;
  min-height: 100%;
  height:auto !important;
}
.obsah{
  position: relative;
  display: block;
  height: 100%;
  min-height: 100%;
  height:auto !important;
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: blue;
}

这是Jsfiddle

我尝试使用bottom: 0px;与内部div（obsah_in_1_3，obsah_in_2_3，obsah_in_3_3）的绝对位置和这项工作，但我需要浮动div，因为解决了这个问题后我需要用Jquery改变它们的宽度，他们需要一起漂浮。 =＆GT;我只是不知道为什么内部div（obsah_in_1_3，obsah_in_2_3，obsah_in_3_3）不起作用而div“菜单”工作并且这些div是相同的。

Answer 1

高度100％表示您可以在div＆amp;中添加内容高度根据div而变化。您可以设置高度（以像素为单位），也可以获得窗口分辨率并根据该值设置div的高度。

Answer 2

从父母和孩子的div中取出身高：auto！important。高度100％应该做你需要的。

Answer 3

没有任何大的理由你使用两个次 height 属性不同的值＆＃39; s为什么无法正常工作，

检查此 Demo jsFiddle

position: relative;另一个display: block;和第三个height: 100%;这三个属性非常适合存档100％的高度。

CSS

html, body{
    height: 100%;
}
.hlavicka{
    position: relative;
    float: left;
    width: 260px;
    height:100%;
    background-color: grey;
}
.obsah_in_1_3 {
    float: left;
    width: 33%;
    background-color: #FF0000;
    height: 100%;
}
.obsah_in_2_3 {
    float: left;
    width: 33%;
    background-color: #00FF00;
    height: 100%;
}
.obsah_in_3_3 {
    float: left;
    width: 34%;
    background-color: #0000FF;
    height: 100%;
}
.obsah{
    position: relative;
    display: block;
    height: 100%;
    float: left;
    width: 50%;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: blue;
}

希望现在这对你有帮助！