### 回答1：
要实现一个
固定高度的 DIV 在页面上方，而下方的 DIV
高度充
满剩余的空间，可以使用
CSS 的定位和盒模型属性。
首先，给上方的 DIV 设置一个
固定的
高度，可以使用
CSS 的 height 属性，例如：
```
#fixed-div {
height: 100px;
}
```
接下来，使用定位属性将下方的 DIV 放置在上方的 DIV 下方，并将其
高度设置为剩余空间。可以使用
CSS 的 position 属性和 bottom 属性实现。同时，设置下方的 DIV 的盒模型属性为 border-box，使其
高度包括内边距和边框。例如：
```
#fluid-div {
position: absolute;
top: 100px;
bottom: 0;
left: 0;
right: 0;
box-sizing: border-box;
padding: 10px;
border: 1px solid black;
}
```
这样，上方的 DIV
高度就会
固定为 100px，下方的 DIV
高度会充
满剩余空间，并包括 10px 的内边距和 1px 的边框。完整的 HTML 和
CSS 代码如下：
```html
<div id="fixed-div">
固定高度的 DIV</div>
<div id="fluid-div">下方 DIV 充
满剩余空间</div>
```
```
css
#fixed-div {
height: 100px;
}
#fluid-div {
position: absolute;
top: 100px;
bottom: 0;
left: 0;
right: 0;
box-sizing: border-box;
padding: 10px;
border: 1px solid black;
}
```
### 回答2：
在HTML中，可以使用
CSS属性来设置DIV元素的
高度。如果要实现
上面的DIV
高度固定，
下面的DIV充
满的效果，可以使用以下方法：
首先，在
CSS中为
上面的DIV设置一个
固定的
高度，可以使用height属性来指定
高度的数值，例如height: 200px; 或者height: 20%;
然后，在
下面的DIV中使用
CSS的calc()函数来计算并设置
高度，使其
填充整个剩余空间。例如，可以设置
下面的DIV的
高度为calc(100% - 200px);。这样，
下面的DIV的
高度就会自动
填充整个剩余空间。
完整的
CSS代码示例如下所示：
```
css
#topDiv {
height: 200px;
}
#bottomDiv {
height: calc(100% - 200px);
}
```
在HTML中，可以根据需求将
上面的DIV和
下面的DIV放置到合适的位置，并为它们分别设置相应的ID，然后引用上述
CSS代码。
这样，
上面的DIV就会具有
固定的
高度，而
下面的DIV则会
填充整个剩余空间。请注意，当浏览器窗口大小改变时，
下面的DIV的
高度会自动调整以保持充
满效果。
### 回答3：
在HTML中，可以使用
CSS来控制元素的样式和布局。要实现
上面的DIV
高度固定下面的充
满的效果，可以通过以下步骤来完成：
1. 首先，在HTML中创建两个DIV元素，一个代表
上面的DIV，一个代表
下面的DIV。给它们分别设置一个唯一的ID属性，例如"top-div"和"bottom-div"。
2. 在
CSS中，可以为这两个DIV元素设置样式。通过设置"height"属性，
固定上面的DIV的
高度。例如，可以将"height"属性设置为
固定的像素值或百分比值，取决于实际需要。
3. 接着，设置
下面的DIV元素的样式，让它充
满剩余的空间，可以使用"height"属性为100%，这样
下面的DIV将会占据剩余的全部空间。
4. 最后，可以为这两个DIV元素设置背景颜色或其他样式，以便更好地区分它们。
下面是一个简单的示例代码：
```html
<!DOCTYPE html>
<html>
<head>
<style>
#top-div {
height: 200px;
background-color: #ccc;
}
#bottom-div {
height: 100%;
background-color: #ddd;
}
</style>
</head>
<body>
<div id="top-div">
<!--
上面的内容 -->
</div>
<div id="bottom-div">
<!--
下面的内容 -->
</div>
</body>
</html>
```
通过以上的步骤，
上面的DIV的
高度将
固定，
下面的DIV将会充
满剩余的空间。根据实际需要，可以修改DIV的
高度和其他样式，以达到自定义的效果。
9692
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
