css定位总结(css中的三种基本定位机制)
类别:Web前端 浏览量:2171
时间:2022-01-25 00:40:10 css定位总结
css中的三种基本定位机制css中的三种基本定位机制
a.普通文档流
b.定位:相对定位
绝对定位
固定定位
c.浮动
1.普通流中,元素位置由文档顺序和元素性质决定,块级元素从上到下依次排列,框之间的垂直距离由框的垂直margin值计算得到,行内元素在一行中水平布置
2.相对定位看作普通流的一部分,移动后的元素仍占据原来的位置,移动元素会导致他覆盖其他的框
3.绝对定位相对于已定位的最近的祖先元素,绝对定位脱离普通流
4.固定定位是相对于浏览器窗口的定位
5.浮动的元素可以左右移动,直到他的外边框边缘碰到包含自己的框或者另一个浮动框的边缘
6.浮动的元素脱离普通文档流
7.行内元素和行内块元素会围绕浮动框排列,块元素会被覆盖
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持开心学习网!
您可能感兴趣
- 微信小程序实现自动定位(微信小程序实现锚点定位功能的方法实例)
- css定位布局讲解(css position定位属性_动力节点Java学院整理)
- mysql字符串截取字段(MySQL如何从不固定位置提取字符串元素详解)
- css定位属性position的值的含义(css position fixed 左右双定位的实现代码)
- html5功能讲解(Html5定位终极解决方案)
- pythonselenium怎么设置元素(Python2 Selenium元素定位的实现8种)
- vue路由跳转自动定位在哪里(Vue路由this.route.push跳转页面不刷新的解决方案)
- vue移动端返回在指定位置(vue移动端判断手指在屏幕滑动方向)
- pythonselenium查看当前页面元素(python+selenium 定位到元素,无法点击的解决方法)
- vueelementui三级菜单(vue+element ui实现锚点定位)
- css中的浮动和定位是啥(CSS的position定位和float浮动详解)
- css基线实例详解(移动端使用 rem 单位时 css sprites 定位问题的解决)
- sql性能优化案例(SQL性能优化之定位网络性能问题的方法DEMO)
- python在dataframe添加数据(使用Python向DataFrame中指定位置添加一列或多列的方法)
- html锚点定位
- css定位总结(css中的三种基本定位机制)
- Beyond 版本《无人深空》主线任务攻略 阿特拉斯之道(版本无人深空主线任务攻略)
- 全球科技界最有钱大佬TOP 15 你知道几位(全球科技界最有钱大佬TOP)
- 2主力后腰缺阵 泰山队奇兵有望获重用,赛季0出场,迎来中超首秀(泰山队奇兵有望获重用)
- 三分71 生死战爆发 篮网旧将丁威迪今天成奇兵,助队赢球(三分71生死战爆发)
- 《红 雄安》系列广播剧第一集 水上奇兵雁翎队(雄安系列广播剧第一集)
- 小说 小伙穿越成刘备,用现代知识指挥作战,众谋士都看呆了(小伙穿越成刘备)
热门推荐
- python写的工具(python调用虹软2.0第三版的具体使用)
- laravel使用队列(基于laravel where的高级使用方法)
- 阿里云ecs同时连接限制(阿里云ECS端口怎么开?阿里云服务器放行端口图文教程)
- frameset与iframe 的应用与区别
- SqlServer GO命令循环使用实例代码(SqlServer GO命令循环使用实例代码)
- 移动端字号规范(吃透移动端 1px的具体用法)
- angular引入组件库(详解Angular组件之中间人模式)
- dockerrun执行脚本(docker run和start的区别说明)
- 如何清除浮动元素带来的影响(关于清除浮动塌陷的几种方法总结)
- docker容器启动执行多条命令(详解Shell脚本控制docker容器启动顺序)