如何让元素支持 height:100%效果
2024-09-01 20:30:49
如何让元素支持 height:100%效果? 有
两种方法。
(1) 设定显式的高度值。 这个没什么好说的,例如,设置 height:600px,或者可以生效
的百分比值高度。例如,我们比较常见的:
html, body {
height: 100%;
}
(2) 使用绝对定位。 例如:
div {
height: 100%;
position: absolute;
}
此时的 height:100%就会有计算值,即使祖先元素的 height 计算为 auto 也是如此。
需要注意的是,绝对定位元素的百分比计算和非绝对定位元素的百分比计算是有区别的,区别
在于绝对定位的宽高百分比计算是相对于 padding box 的,也就是说会把 padding 大小值计算
在内,但是,非绝对定位元素则是相对于 content box 计算的。
最新文章
- Application.DoEvents()的使用
- POJ3308 Paratroopers(最小割/二分图最小点权覆盖)
- MEMORY Storage Engine MEMORY Tables TEMPORARY TABLE max_heap_table_size
- js弹出对话框的方法总结
- SQL Server 批量插入数据的方法
- GLSL实现简单硬件Anisotrop Lighting 【转】
- 一个App带你学会Retrofit2.0,麻麻再也不用担心我的网络请求了!
- sql,nosql
- git 知识点汇总
- Fortran与C混合编程(转自Ubuntu)
- SQLI DUMB SERIES-20
- BootStrapTable 错误
- angularJs学习笔记-路由
- mvc 之 RouteConfig配置
- 『TensorFlow』迁移学习
- 20. Valid Parentheses (Stack)
- linux 驱动之LCD驱动(有framebuffer)
- VMware安装Windows注意
- JavaBean 与 EJB 的区别
- Android O新特性和行为变更总结zz