资讯专栏INFORMATION COLUMN

position定位有哪些?各有什么特点?

罗志环 / 1955人阅读

摘要:特点改属性块状元素在的情况下为,但是设置了之后,会将变成会受到父元素的宽度影响。即设置前后的和属性值不变。会改变行内元素的呈现模式,使之变更为。会让元素脱离普通流,不占据空间。默认会覆盖到非定位元素上。

osition属性值:position的属性值共有四个常用我们在布局上经常会用到的相对定位和绝对定位常用的属性top、bottom、left、right或者 z-index 声明在position为static的情况下无效。

特点:absoluteabsolute fixed改display属性blockk

1)块状元素在position(relative/static)的情况下width为100%,但是设置了position: absolute之后,会将width变成auto(会受到父元素的宽度影响)。

2)元素设置了position:absolute之后,如果没有设置top、bottom、left、right属性的话,浏览器会默认设置成auto,而auto的值则是该元素的“默认位置”。即设置position: absolute前后的offsetTop和offsetLeft属性值不变。
1.会改变行内元素的呈现模式,使display之变更为block。

2.会让元素脱离普通流,不占据空间。

3.默认会覆盖到非定位元素上。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/114986.html

相关文章

  • 2018年底前端面试总结

    摘要:主要是整理一些自己还记得的面试题。标注重点的是频繁出现的,也确实很重要的知识点。总之要深度理解举一反三逻辑清晰表达流畅。以上,仅供参考。 主要是整理一些自己还记得的面试题。很多题目会根据项目内容提问,现在只记得一些比较常规的问题,后面想起来会做一些补充。标注重点的是频繁出现的,也确实很重要的知识点。 css 盒子模型:ie与其他浏览器的区别,如何改变盒子模型 图形:实现扇形/圆环/梯...

    妤锋シ 评论0 收藏0
  • 2018年底前端面试总结

    摘要:主要是整理一些自己还记得的面试题。标注重点的是频繁出现的,也确实很重要的知识点。总之要深度理解举一反三逻辑清晰表达流畅。以上,仅供参考。 主要是整理一些自己还记得的面试题。很多题目会根据项目内容提问,现在只记得一些比较常规的问题,后面想起来会做一些补充。标注重点的是频繁出现的,也确实很重要的知识点。 css 盒子模型:ie与其他浏览器的区别,如何改变盒子模型 图形:实现扇形/圆环/梯...

    youkede 评论0 收藏0
  • 2018年底前端面试总结

    摘要:主要是整理一些自己还记得的面试题。标注重点的是频繁出现的,也确实很重要的知识点。总之要深度理解举一反三逻辑清晰表达流畅。以上,仅供参考。 主要是整理一些自己还记得的面试题。很多题目会根据项目内容提问,现在只记得一些比较常规的问题,后面想起来会做一些补充。标注重点的是频繁出现的,也确实很重要的知识点。 css 盒子模型:ie与其他浏览器的区别,如何改变盒子模型 图形:实现扇形/圆环/梯...

    Anchorer 评论0 收藏0
  • 【CSS练习】IT修真院--练习4-移动端界面

    摘要:任务四一个最常见的移动端页面完成的事情完成简单布局,然后填充界面与效果图对比优化完成验收要求扩展性顶栏固定进行样式兼容性研究完成任务四深度思考跟随深度思考师兄建议进行修改输入栏左侧换用输入限制电话位,密码位根据结构的语义化修改尝试下再加一 任务四、 一个最常见的移动端页面 完成的事情 完成简单布局,然后填充界面 与效果图对比优化 完成验收要求:header扩展性 & 顶栏固定 进行p...

    kun_jian 评论0 收藏0
  • 主机采用什么表示数据-主机与外部设备之间的数据传送方式哪些?各什么特点

    摘要:主机与外部设备之间的数据传送方式有哪些各有什么特点有四种传送方式。分别为程序查询方式,程序中断方式,直接存储器存取方式,以及以及通道控制方式。程序中断方式特点不仅允许主机和外设同时工作,而且允许一台主机管多台外设。主机与设备传送数据时采用什么方式,主机与设备是串行工作?首先,弄清楚题目2113所说的主机5261与设备的串行工作的意思4102。串行即:不是并行工作,主机与1653设备不能同时工...

    robin 评论0 收藏0

发表评论

0条评论

罗志环

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<