两个div:顶部-具有恒定高度和div内容的标头

时间:2018-12-13 14:38:05

标签: html css

我如何获得:

  • div-Window,其高度可以是随机的
  • 具有CONST高度(30像素)的div标头
  • div内容填充了div-Window的其余部分

就像下面的asci草图一样:

+-divWindow------+
|+--divHeader---+|
||              ||
|+--------------+|
|+--divContent--+|
||              ||
||              ||
||              ||
||              ||
|+--------------+|
+----------------+

这是我到目前为止所得到的:

#divWindow{
    position: absolute;
    bottom: 80px;right: 40px;
    width: 400px; height: 500px;
    background-color: red;
    border: 1px solid grey;
    border-radius: 15px;
    overflow: hidden;
}
#divHeader{
    position: absolute;
    left: 0; right: 0; top: 0; */
    height: 15px;
    padding: 5px 10px 5px 10px;
    background-color: blue;
    float: bottom;}
#divContent{
    background-color: green;
    position: absolute;
    left: 0; right: 0; bottom: 0;
    width: auto;
    padding: 5px 10px;
}

但是divContent不能填满整个左侧空间

0 个答案:

没有答案