html页面有两个上下排列的div，头部div的高度为固定的，底部div的高度是随着浏览器窗口高度改变而改变。

发布网友发布时间：2022-04-20 20:39

共2个回答

热心网友时间：2022-04-20 22:08

头部div固定的，用固定像素值设定高度
底部div是动态的，用百分比来设定高度追问说详细点啦，底部div高度是动态的，百分比也是随时会变的。

追答高度设置百分比，如 .shenti{ height:80%;} 那么他的高度是父亲元素的高度，应该是body的高度，而body是浏览器的客户区，不就实现了么
不过css实现这个还是有点勉强，最好用jquery
$(window).height获取浏览器内容区高度，再设置div的高度

热心网友时间：2022-04-20 23:26

<div class="toubu" style="width:800px; height:400px; background-color:#333;">我是头部我是固定岗高度</div>

<div class="shenti" style="width:600px; height:auto; background-color:#666;">高度自适应的</div>追问div高度设为auto不会自适应div外部容器的高度而是适应div内部内容的高度。我问的是如何让头部div高度固定，底部div高度自适应浏览器窗口高度(撑满)。