定位position

4种:静态定位 相对定位 绝对定位 固定定位
边偏移属性:left right top bottom
静态定位static:默认的,用于取消定位
相对定位relative:仍然占有原来的位置 以自己的左上角点来移动
绝对定位 absolute:不占用原来的位置
固定定位fixed:随着屏幕调整位置

假如所有父元素都没有定位,子元素是参考屏幕左上角定位
“子绝父相”

为什么:父相 :父元素应当占有原来的位置防止下面的元素占用原来父元素占用位置。子绝:如果子元素用相对定位,占用位置,会把父元素往下挤。如下图:
1.png

加了float和position的盒子 margin:0 auto;失效 不能完成居中对齐;


2.png
  1. 首先left 50% 父盒子的一半大小 (上下左右同理)
  2. 然后走自己外边距负的一半值就可以了 margin-left。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,826评论 1 92
  • By Leaf 定位是css布局的核心,在项目中很多地方都需要用到定位,这里做一个小结,便于记忆查询。 定位pos...
    HYC_阅读 579评论 1 2
  • 定位:position 概念:把一元素放置到需要放的网页位置; 属性值:static、relative、absol...
    魔_术师阅读 471评论 0 1
  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 1,641评论 0 6
  • 渐渐地,你会主动来联系我了,变得不再那么任性了,也不会在很突兀的时候联系我,只是在我工作不是很忙的下午和晚上时间段...
    姓赤名友阅读 233评论 0 0