文章详情页

css - div 自适应高度自动填充剩余高度

浏览：210日期：2022-12-01 09:24:42

问题描述

固定的盒子需要绝对定位才能实现以下效果，希望有不需要绝对定位实现以下方法的大神！求指点

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Document</title> <style> html, body {height: 100%;padding: 0;margin: 0;overflow: hidden; }.outer {height: 100%;padding: 100px 0 0;box-sizing: border-box; }.A {height: 100px;background: #BBE8F2;position: absolute;top: 0;left: 0;width: 100%; }.B {height: 100%;background: #D9C666;overflow: scroll; } </style></head><body> 头部p abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdfD abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdfD abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdfD abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdfD abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdfD abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdfD abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf abcabsdf sssssssssssssssssssssss </body></html>

问题解答

回答1：

问题有点模糊，如果是要求A+B等于outer的高度，可以用calc(100% - 100px);

回答2：

浮动固定定位

回答3：

你的问的不太明白啊，能说的具体点吗？

CSS

上一条：html5 - 用video标签播放视频可以调节播放速度吗？下一条：javascript - canvas clearRect 清除不成功

相关文章：

1. 关于docker下的nginx压力测试2. docker 下面创建的IMAGE 他们的 ID 一样？这个是怎么回事？？？？3. Docker for Mac 创建的dnsmasq容器连不上/不工作的问题4. docker - 各位电脑上有多少个容器啊？容器一多，自己都搞混了，咋办呢？5. docker-compose中volumes的问题6. 数据挖掘 - 如何用python实现《多社交网络的影响力最大化问题分析》中的算法？7. docker start -a dockername 老是卡住，什么情况？8. docker网络端口映射，没有方便点的操作方法么？9. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？10. 前端 - 类到底该如何去命名 .newsList 这种的命名难道真的不是过度语义化吗？~

排行榜

					
					关于docker下的nginx压力测试
Docker for Mac 创建的dnsmasq容器连不上/不工作的问题
docker - 各位电脑上有多少个容器啊？容器一多，自己都搞混了，咋办呢？
docker-compose中volumes的问题
docker  下面创建的IMAGE 他们的 ID 一样？这个是怎么回事？？？？
docker网络端口映射，没有方便点的操作方法么？
docker start -a dockername 老是卡住，什么情况？
前端 - 类到底该如何去命名 .newsList 这种的命名难道真的不是过度语义化吗？~
数据挖掘 - 如何用python实现《多社交网络的影响力最大化问题分析》中的算法？
如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？
c++ - QWebEngineView加载url后直接点击链接没有反应要怎么解决？
				

热门标签

css - div 自适应高度 自动填充剩余高度

css - div 自适应高度自动填充剩余高度