css position Absolute理解

作者: 三不小青年 | 来源:发表于2018-06-11 11:04 被阅读25次

脱离文档流,不占据文档流空间。因此可常常用于背景,上标等(不要采用margin -值的做法)

其中4 , 16的样式

.order-category-item-up-text{

  position: absolute;

  margin-left: 25rpx;//相对父容器

  margin-top: -10rpx;

  border: 1rpx #fe0100 solid;

  border-radius: 50%;

  width: 30rpx;

  height: 30rpx;

  text-align: center;

  color: #fe0100;

  font-size: 20rpx;

  line-height: 30rpx;

}

相关文章

  • 2017-12-30

    position:absolute and position:relative 的理解 Absolute,CSS中...

  • css position Absolute理解

    脱离文档流,不占据文档流空间。因此可常常用于背景,上标等(不要采用margin -值的做法) 其中4 , 16的样...

  • CSS

    absolute position和relative position:https://css-tricks.co...

  • Day15:大前端

    垂直水平居中 css: position几个属性 position: relative, absolute, fi...

  • 纯js+css弹出框Demo

    css代码如下: #diageDetail {position:absolute;background-color...

  • 关于绝对定位

    CSS *{padding:0;margin:0;} .left{ position:absolute; /*fl...

  • css布局中的定位问题

    CSS position 属性 实例定位 h2 元素: h2 { position:absolute; left...

  • css position absolute相对于父元素的设置方式

    大家知道css的position absolute默认是根据document来设置的,比如position:abs...

  • position:absolute

    大家知道css的position absolute默认是根据document来设置的,比如position:abs...

  • CSS定位总结

    CSS的position主要有以下几个属性:static,relative,absolute,fixed,CSS3...

网友评论

    本文标题:css position Absolute理解

    本文链接:https://www.haomeiwen.com/subject/trbceftx.html