css之定位

  • 时间:2018-06-17 21:00 作者:指尖上跳跃的小羊 来源:指尖上跳跃的小羊 阅读:140
  • 扫一扫,手机访问
摘要:1.relative:相对定位配合left、right、top、bottom用(1).不影响元素本身的特性(2).不会使元素脱离文档流(3).假如没有定位偏移量,对元素本身没有任何影响(4).提升层级 2.absolute:绝对定位配合left、right、top、bottom用(1).使元素完全脱

1.relative:相对定位

配合left、right、top、bottom用

(1).不影响元素本身的特性

(2).不会使元素脱离文档流

(3).假如没有定位偏移量,对元素本身没有任何影响

(4).提升层级

2.absolute:绝对定位

配合left、right、top、bottom用

(1).使元素完全脱离文档流

(2).使内嵌支持宽高

(3).块属性标签内容撑开

(4).相对定位一般是配合绝对定位用

(5).提升层级

(6).子绝父相、子绝父绝、子绝父固

(7).无视父亲的padding

(8).margin:0 auto 失效,必需使用left:50%,margin-left:宽度的一半 这种形式

注意:

1).假如使用top定义,那么定位参考点就是页面的左上角,而不是浏览器的左上角

2).假如使用bottom定义,那么就是浏览器首屏窗口尺寸,对应的页面的左下角

3.static:默认定位

4.fixed:固定定位,不随滚动条滚动

5.z-index:只有定位的值才有

  • 全部评论(0)
最新发布的资讯信息
【系统环境|】WEB前端学习:JS实现中文简体繁体切换(2019-08-22 12:38)
【系统环境|服务器应用】前台开发入门到实战:HTML5语义化元素你真的用的正确吗?(2019-08-22 04:16)
【系统环境|服务器应用】Vue仿微信app页面跳转动画(2019-08-22 04:16)
【系统环境|服务器应用】webstorm使用快捷键快速修正单个文件的style(2019-08-22 04:16)
【系统环境|服务器应用】程序员从学生到阿里经历的5次蜕变:海阔凭鱼跃,天高任鸟飞(2019-08-22 04:16)
【系统环境|服务器应用】var、let、const的区别(2019-08-22 04:16)
【系统环境|服务器应用】mini-ui加载框Indicator 被遮挡问题(2019-08-22 04:15)
【系统环境|服务器应用】【对讲机的那点事】玩对讲机,对于对讲机的亚音你理解吗?(2019-08-22 04:15)
【系统环境|服务器应用】前台中高级面试,内功心法(上)(2019-08-22 04:15)
【系统环境|服务器应用】17、改进轮播图之功能封装(2019-08-22 04:15)
手机二维码手机访问领取大礼包
返回顶部