css定位总结(css中的三种基本定位机制)
类别:Web前端 浏览量:2171
时间:2022-01-25 00:40:10 css定位总结
css中的三种基本定位机制css中的三种基本定位机制
a.普通文档流
b.定位:相对定位
绝对定位
固定定位
c.浮动
1.普通流中,元素位置由文档顺序和元素性质决定,块级元素从上到下依次排列,框之间的垂直距离由框的垂直margin值计算得到,行内元素在一行中水平布置
2.相对定位看作普通流的一部分,移动后的元素仍占据原来的位置,移动元素会导致他覆盖其他的框
3.绝对定位相对于已定位的最近的祖先元素,绝对定位脱离普通流
4.固定定位是相对于浏览器窗口的定位
5.浮动的元素可以左右移动,直到他的外边框边缘碰到包含自己的框或者另一个浮动框的边缘
6.浮动的元素脱离普通文档流
7.行内元素和行内块元素会围绕浮动框排列,块元素会被覆盖
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持开心学习网!
您可能感兴趣
- python在dataframe添加数据(使用Python向DataFrame中指定位置添加一列或多列的方法)
- vue移动端返回在指定位置(vue移动端判断手指在屏幕滑动方向)
- CSS绝对定位与相对定位
- pythonselenium查看当前页面元素(python+selenium 定位到元素,无法点击的解决方法)
- react 使用实例(React+高德地图实时获取经纬度,定位地址)
- html锚点定位
- position零基础入门(position:sticky 粘性定位的几种巧妙应用详解)
- sql性能优化案例(SQL性能优化之定位网络性能问题的方法DEMO)
- html5定位地理位置(html5 制作地图当前定位箭头的方法示例)
- html5功能讲解(Html5定位终极解决方案)
- mysql字符串截取字段(MySQL如何从不固定位置提取字符串元素详解)
- css有三种基本的定位机制(10个非常实用的CSS hack技术)
- css基线实例详解(移动端使用 rem 单位时 css sprites 定位问题的解决)
- linux查询服务重启(Linux上定位后台服务偶发崩溃的解决方法)
- css position详解(深究CSS定位position的常用技法)
- css定位总结(css中的三种基本定位机制)
- 感冒要吃什么药(猫咪感冒要吃什么药)
- 下雪会怎样(下雪怎样画)
- 白蓝色穿搭(白蓝色衣服配什么裤子)
- 天空是什么颜色(天空是什么颜色的英语)
- 高马尾扎发(高马尾扎发教程视频)
- 这里输入关键词(请手动输入关键词)
热门推荐
- asp.net网站如何优化
- dedecms会员功能(dedecms注册中文会员无法打开空间的解决方法)
- redux实例教程(详解JavaScript状态容器Redux)
- laravel设置跨域请求(Laravel实现ApiToken认证请求)
- html5自定义字体图标(HTML5给汉字加拼音收起展开组件的实现代码)
- php判断类的属性的修饰(PHP whois查询类定义与用法示例)
- sqlserver数据库实时同步(SQL Server实时同步更新远程数据库遇到的问题小结)
- sqlserver中根据日期时间获取秒数(sql server编写通用脚本实现获取一年前日期的方法)
- dedecms怎么调用标签(dedecms 织梦系统栏目及子栏目调用友情连接的方法)
- dede联动菜单样式(dede标签云如何生成不同颜色、不同大小的tag标签)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9