css定位-absolute

1.absolute

生成绝对定位的像素，相对于第一个relative的父元素进行定位，如果父元素的属性是position:static的话，它会相当于浏览器窗口进行定位,一个要注意这个元素会脱离文档流。

1.父元素position:relative,子元素 absolute的时候


代码


效果图

2.当父元素没有position的时候，子元素存在absolute的时候


代码


效果图
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,868评论 1赞 92
  • Css 布局 -
    1. 前言 前端圈有个“梗”：在面试时，问个css的position属性能刷掉一半人，其中不乏工作四五年的同学。在...
    YjWorld阅读 4,678评论 5赞 15
  • CSS定位
    在CSS中关于定位的内容是：position:relative | absolute | static | fix...
    feelinghappy618阅读 669评论 0赞 0
  • 前端之路——笔记（基础css）
    学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...
    七彩小鹿阅读 6,369评论 2赞 66
  • 2018-01-27 意志力每日日志
    1、每日小记 房间真冷。早上起床后，还是把《意志力宣言》默背了一遍。 上海下了第一场初雪，初雪过后，天气是异常的冷...
    张公子在这等你阅读 168评论 0赞 0