博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css的基本定位机制
阅读量:6821 次
发布时间:2019-06-26

本文共 472 字,大约阅读时间需要 1 分钟。

分为三种:普通流、浮动、绝对定位

普通流:默认,html文档的排列顺序块级从上到下(垂直距离由margin-top、margin-bottom决定);行内元素在一行中从左到右(由margin-left/right、padding-left/right调整水平距离) PS:相对定位属于其一部分

浮动:float元素存在占位,并未完全脱离文档流(普通流),脱离了父元素

绝对定位:彻底脱离普通流,所以它可以覆盖页面上的其他元素,可以通过设置Z-Iindex属性来控制这些框的堆放次序。

floatabsolute的区别:

1.absolute元素是可以通过top/bottom/left/right调整自己的位置,而float元素受其他元素的影响,通过其他元素确定自身的位置

2.float元素之间在占位上是相互影响的,而absolute元素即使处于同一层,在占位上是互不影响的(absolute同级会覆盖;float会平行排列)

转载于:https://www.cnblogs.com/juicy-initial/p/7587773.html

你可能感兴趣的文章
shell基础知识;
查看>>
RocketMQ源码分析之RocketMQ事务消息实现原理中篇----事务消息状态回查
查看>>
shell 中如何输出 n 个连续字符
查看>>
Bootstrap V4 自学开始!
查看>>
技术博客2014年4月份头条记录
查看>>
聚合国内外主流广告平台|开发者服务-KeyMob移动广告聚合平台
查看>>
解决PotPalyer不能拖放播放
查看>>
Linux安装mysql5.7
查看>>
HIVE常用操作以及函数
查看>>
【优达学城测评】SQL 支持许的数据类型(3)
查看>>
PHP CURL CURLOPT参数说明(curl_setopt)
查看>>
Learning NodeJs(1)
查看>>
怎么解决mysql远程连接报10038的错误
查看>>
js 父窗口可以找到子窗口的元素
查看>>
从FB10.3升级到11.0后几个问题的解决
查看>>
Linux下使用pure-ftpd建立匿名ftp访问
查看>>
PhalApi:[1.11] 快速入门: 接口开发示例 源码 图文
查看>>
分享插件
查看>>
HTML 页面中Buton 按钮提交,一个很坑的问题
查看>>
kitchen测试salt-formulas
查看>>