博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
高度自适应
阅读量:6671 次
发布时间:2019-06-25

本文共 504 字,大约阅读时间需要 1 分钟。

hot3.png

方法1:设置HTML body  以及要实现100%高度的元素的高度为100% 

      

这个div的高度会100%

方法2:对要自适应高度的元素设置position: absolute;top:0;bottom:0;

利用这个方法,可以实现顶部菜单固定高度,下面内容块自适应高度,高度充满整个频幕

HTML

		
高度自适应

CSS:

* {				margin: 0;				padding: 0;			}						.box {				position: absolute;				top: 70px;				bottom: 0;				background: #ddd;				width: 100%;			}						.menu {				height: 70px;				background: blue;			}

 

还可以延伸到3栏,中间自适应高度

转载于:https://my.oschina.net/Cubicluo/blog/744521

你可能感兴趣的文章
《Java语言导学(原书第6版)》一一3.4 控制流语句
查看>>
银行如何通过大数据预测并防止用户流失?
查看>>
论各类BI工具的“大数据”特性
查看>>
博科15亿美元收购WLAN企业Ruckus
查看>>
EMC挑战全闪存极限
查看>>
着力大数据与大生态融合 贵阳第一个示范性公园开园
查看>>
ActiveMQ - JMS,Transport,Persistence
查看>>
互联网大数据支撑生态银行建设
查看>>
生态城年内开建智慧城市
查看>>
解密国产大数据法律应用服务平台
查看>>
打造智慧城市新风貌 嘉兴市推广应用万盏LED路灯
查看>>
工业大数据的三大挑战及大数据未来中国五大商业趋势
查看>>
苹果玩心机:取消GPU芯片商订单 打压股价再收购?
查看>>
安全是智慧城市建设的重中之重
查看>>
视频会议系统迎来第四次浪潮
查看>>
云计算崛起带动产业革命 智慧城市已悄然来临
查看>>
报告显示:被调研中国企业超85%已从数字转型中获得回报
查看>>
Stimergy公司的边缘平台加热法国公共游泳池
查看>>
安防企业以内养外适应供给侧改革
查看>>
中国移动2016年低端路由器和低端交换机产品结果出炉
查看>>