容器高度100%是经常用到的需求,任何容器都可以实现,而且不需要嵌套关系。把body看作是一个容器,做为内部对象的上层标签,他的高度设置为100%是关键。最基本的例子重叠定位效果纵向相对高度效果#box_1 { position:absolute; top:0; left:0; width:100%; height:30%; background:#f00; z-index:2;}横向相对宽度效果#box_1 { position:absolute; top:0; left:0; width:30%; height:100%; background:#f00; z-index:2;}这种布局是不需要float的,还可以有很多变化:1,N列布局值得注意的是在FF下浏览相对大小容器页面时,调整窗口大小的同时容器大小进行实时调整,而IE只会在窗口调整完毕后才出效果。IE5.0 / IE5.5 / IE6.0和FF1.5测试通过
容器高度100%的绝对定位布局
用户评论
推荐下载
-
Flex3布局容器学习笔记整理
国庆期间,做了不少基于 flex 的开发工作,对 flex 的布局容器有了进一步深入的理解,也找到不少非常棒的文章,分享到这里方便一下大家。
7 2020-11-06 -
CSS页面布局和定位技巧详解
CSS是网页设计中常用的样式语言,页面布局和定位是其重要功能之一,本文详细介绍了CSS页面布局和定位技巧,包括盒模型、浮动、定位、flex布局等,帮助你更好地完成网页设计。
4 2023-04-28 -
iOS固定位置布局组件.zip
iOS 固定位置布局组件。.zip,Fast Swift Views layouting without auto layout. No magic, pure code, full control
14 2020-07-19 -
绝对定位元素被遮挡的解决方法
主要为大家介绍了绝对定位元素被遮挡的解决方法,涉及使用css绝对定位的使用技巧,非常具有实用价值,需要的朋友可以参考下
18 2020-09-29 -
GPS测码伪距绝对定位的几种算法
详细的介绍了GPS伪测距绝对定位的几种算法
23 2019-09-27 -
电容器扰动的识别定位与故障判断
期刊小论文:电容器扰动的识别、定位与故障判断
16 2019-05-13 -
安卓平台上的GPS定位获取定位经度纬度和海拔高度
使用LocationManager进行GPS定位,或渠道经度、纬度和海拔高度
37 2018-12-07 -
Altera高度集成的PowerSoC通过AEC Q100标准
Altera公司宣布,九款Altera Enpirion电源芯片系统(PowerSoC)新器件完全符合汽车电子协会(AEC-Q100)温度2级标准,这一标准对汽车集成电路(IC)产品进行关键的压力测试
13 2021-01-31 -
android如何获取view在布局中的高度与宽度详解
主要给大家介绍了关于android如何获取view在布局中的高度与宽度的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
20 2020-10-28 -
ios布局实现动态UITableviewCell的高度调整以及动画效果.zip
UITableViewCell的动态高度计算一直是一个交流讨论的话题,也已经有了很多实现的机制,但更多的是需要一些扩展类什么的,还有需要计算什么的,使用起来比较麻烦。因此这里推荐一种自动计算高度的方法
28 2019-09-28
暂无评论