我有三个 div:头、脚和文本框。head 和 foot div 是固定位置,第三个 div 部分固定(margin-top)。
我的问题是:如何更改文本框的 div 底部以修复不同的显示器尺寸?我不能使用 100% 的高度,因为它挂在步行 div 上。在这个主页我不使用滚动条,因为背景是改变图像文件。我想以某种方式使其边缘底部部分与显示器底部保持距离。
<html>
<head>
<title>Div bottom</title>
<style>
.head{
position:absolute;
clear:both;
top:0px;
right:0px;
float:right;
width:100%;
height:80px;
background-color:grey;
}
.foot {
position:fixed;
clear:both;
height:35px;
right:0px;
float:right;
width:100%;
background-color:grey;
bottom:0px;
}
.textbox {
overflow: hidden;
position: relative;
padding:20px;
border: 1px solid gray;
background-color:red;
z-index:0;
text-align:justify;
color:black;
line-height: 2em;
border-radius: 3px;
margin-top:100px;
width:910px;
margin-left: auto;
margin-right:auto;
}
</style>
</head>
<body>
<div class="head">HEAD</div>
<div class="textbox">?</div>
<div class="foot">FOOT</div>
</body>
</html>