Question

我在父div中有两个子div。第一个子div有一个绝对高度，第二个div应该取其余的高度。这该怎么做？基本上对于div，我想要高度（100％ - 37px）

    <style>
    #C{
    height:100%;
width:500px;
    }

#A{
height:37px;
width:100%;
}

#B{
height: ????;
width:100%
}
    </style>

    <div id="C">
    <div id="A"></div>
    <div id="B"></div>
    </div>

Answer 1

@alter，根据padding div B

的高度，您需要根据div向A提供高度。

#B{
 padding-top:37px;
}

for example

Answer 2

我认为实现这一目标的最佳方法是给父div一个最小高度，然后给div B一个最小高度（min-height-37）px。见下面的代码

#C{min-height:600px; width:500px;}
#A{height:37px; width:100%;}
#B{min-height:563px; width:100%}

示例代码：

<html>
<head>
<style type="text/css">
    #C{min-height:600px; width:500px; background-color:yellow;}
    #A{height:37px; width:100%; background-color:blue;}
    #B{min-height:563px; width:100%; background-color:black;}
</style>
</head>
<body>
<div id="C">
    <div id="A"></div>
    <div id="B"></div>
</div>
</body>
</html>

我为div添加颜色只是为了区分它们

在液体布局中需要绝对的措施

2 个答案: