CSS中定位float、static、relative、absolute、fixed的示例分析
发表于:2024-10-19 作者:千家信息网编辑
千家信息网最后更新 2024年10月19日,小编给大家分享一下CSS中定位float、static、relative、absolute、fixed的示例分析,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!html的对象是按照文档
千家信息网最后更新 2024年10月19日CSS中定位float、static、relative、absolute、fixed的示例分析
小编给大家分享一下CSS中定位float、static、relative、absolute、fixed的示例分析,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
html的对象是按照文档流的方式,从上而下,从左往右的布置对象/元素。
static: 元素默认的定位方式,遵从基本的html布置规则
relative:相对定位,相对哪个对象呢? 相对的是元素本身的位置
图中实体框是div5原本位置,虚线框6是进行相对定位后的位置,但是元素本身在文档流里占据的是实体框的位置,有下一个元素div7时是以实体框为参考的。
absolute:绝对定位,脱离文档流。绝对定位也有个参考目标!如果父级元素是定位方式是 relative/absolute/fixed,那么就以父级元素为参考目标,否则就以body为参考目标
fixed:绝对定位,以浏览器窗口为参考目标。
补充一点,浏览器窗口 html 一般情况会比body大 9px左右,可以通过设置body的外边距消除。
另外 z-index这个参数只会在定位方式是relative、absolute时生效
看完了这篇文章,相信你对"CSS中定位float、static、relative、absolute、fixed的示例分析"有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!
定位
元素
参考
位置
方式
目标
实体
对象
文档
示例
分析
浏览器
篇文章
偏移
浏览
原本
参数
可以通过
右边
完了
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
java和网络技术
数据库中的游标
金华互动博物馆软件开发
mssql数据库占用c盘多大
开封天气预报软件开发
科室信息网络安全管理员
河南财经政法大学网络技术
服务器性能与管理论文
玉溪农业职业技术学院网络技术
服务器数据安全备份
网络安全监督工作内容
想做一名网络安全员怎么做
芯片软件开发技术
信息安全意识与网络安全题目
萧山区软件开发app
塞尔达荒野之息怎么看服务器
java软件开发私单
第一届指挥控制网络安全大会
软件开发入门教程书籍
数据库 容灾
济宁跑腿app软件开发
数据库中的索引创建
中国智能软件开发公司
数据库除法的实现
软件开发很费键盘吗
数据库中保留一位小数函数
学软件开发非得会拼音打字吗
软件开发的基线
php可以做软件开发吗
计算机软件和网络技术学哪个好