- 标准文档流定位
- position定位
- float定位
2.position定位
position取值有static,relative,absolute,fixed,inherit
static,默认值,就是有标准文档流效果,
relative,这是相对于元素本身标准的文档流位置进行定位,这时元素可还在标准的文档流中
absolute,决对定位,这时元素脱离标准文档流,top值不超过视屏时,是相对于视屏进行定位,也可以超过视屏,
inherit,是子元素继承父元素的定位方式
定位时出现层级关系,可设置元素的z-index改变元素的层级关系,
【web中的定位】float,元素进行左右浮动定位,脱离文档流,
推荐阅读
- web网页模板|如此优秀的JS轮播图,写完老师都沉默了
- JavaScript|JavaScript之DOM增删改查(重点)
- 网络|一文彻底搞懂前端监控
- css|我用css精灵图拼接了自己的英文名字,不会还有人不知道精灵图技术吧()
- css|css三角的做法及其案例
- css|css中元素的显示与隐藏
- JavaWeb|JavaWeb学习——CSS
- flex|C语言-使用goto语句从循环中跳出
- java|你跳一次涨多少(今天见识到跳槽天花板!!)