CSS设置元素叠加显示

CSS设置元素叠加显示的方式：
方法1：设置负margin:
给元素设置负margin使其移动后原来的位置是不会保留的
负margin可以让元素的占用空间变小后面的元素可以覆盖当前的元素
(这里有两个相同大小的div 宽高都是100px (如图一) 当我们给上面类名为div的div设置了-margin-bottom之后 (见图二) 我们发现下面的元素覆盖了-margin的位置)

.icon-NEWjiaobiao {position: absolute;color: #EE5A5A;font-size: 14px;margin: -5px 0px 0px -10px;    /*设置负的margin*/
}

方法2：浮动
原来的位置不保留并且可以遮盖住其他元素
脱离页面流
方法3：定位
相对定位：原来位置保留并且不会挤到其他元素，只会重叠
绝对定位：不保留原来位置脱离页面流

CSS设置元素叠加显示相关推荐

CSS设置元素隐藏显示透明度
CSS元素隐藏显示的两种方式 visibility: hidden;(隐藏) visibility:visible:(显示)
css设置元素的宽高为整数，为什么有的浏览器解析出来的宽高是小数？
如图: 因为把当前的标签页缩放显示了,所以浏览器会渲染出非整数的盒子尺寸参考文章:css设置元素的宽高为整数,为什么有的浏览器解析出来的宽高是小数? - 孙北吉的回答 - 知乎
CSS设置溢出文字显示省略号
CSS设置溢出文字显示省略号相关CSS .text-ellipse{ width: 100px;height:50px;border:2px solid red;overflow:hidden;te ...
CSS 设置文字只显示一行，多余显示省略号
CSS 设置文字只显示一行,多余显示省略号 .view-text{/**思路:1.设置inline-block属相2.强制不换行3.固定高度4.隐藏超出部分5.显示"--"*/di ...
css设置图片不显示的原因总结
首先确认代码已经保存,然后再查看原因. 1.css没有被调用 F12检查css调用是否成功,如果没成功一般是css的名称写错了.(注意css的层级关系) 如我这里在写样式的时候在.picker-btn ...
html5中底部对齐怎么写,css设置元素底部垂直对齐
css中怎么让div里面的文字底部对齐两种办法,第一种可以作为默认选择.两种办法都可以让文字底部对齐. css如何使div里面的文字垂直对齐页面里有五段文字/图片,我想使每个部分的文字,像旁边的图 ...
CSS的元素的显示与隐藏
CSS的显示与隐藏 CSS中元素标签的显示与隐藏可以通过对元素的css样式编写的过程中,在元素样式下以三种不同的属性进行显示与隐藏,通过对html标签进行显示与隐藏,从而实现web中特定的功能,例如: ...
CSS设置元素内边距（padding）、外边距（margin）
设置元素内边距padding 所有的 HTML 元素基本都是以矩形为基础. 每个 HTML 元素周围的矩形空间由三个重要的属性来控制: padding(内边距):它围绕着内容的空间. margin(外 ...
CSS一元素的显示与隐藏
元素的显示与隐藏类似网站广告,当我们点击就不见了,但是重新刷新页面,会重新出现. 本质:让一个元素在页面中隐藏或者显示出来. 常用的三种方法:display.visibility.overflow ...

CSS设置元素叠加显示

CSS设置元素叠加显示相关推荐

最新文章

热门文章