首页 > 其他分享 >css position属性

css position属性

时间:2022-09-21 05:11:07浏览次数:68  
标签:位置 relative position 属性 css absolute

设置position可以改变位置。

有statistic, relative(相对于自己原来的位置),absolute(绝对位置,不以其他作为参考系),fixed(固定位置,不管页面滚动,他永远在原位)

 

css里直接写:

position:absolute;即可

 

 例子:

这是原来的样子

 

加上position后:

 

 

 

标签:位置,relative,position,属性,css,absolute
From: https://www.cnblogs.com/doudou666/p/16714280.html

相关文章

  • css box model
        HTML:  css:  效果: 一起设置: border:widthstylecolor;exaple:  border:mediumdashedgreen; border-radius可以把四周钝化:  ......
  • Vue3:状态驱动的动态 CSS
     状态驱动的动态CSS单文件组件的<style>标签可以通过v-bind这一CSS函数将CSS的值关联到动态的组件状态上 <template><divclass="box1">hello</div>......
  • tailwindcss 设置图片位置
    链接https://tailwindcss.com/docs/object-position图示......
  • Vue3:监听属性
    监听属性与vue2.x中的watch配置功能一致注意监视reactive定义的响应式数据时,oldvalue无法正确获取,强制开始了深度监视(deep的配置失效)监视reactive定义的响应......
  • flex 子元素属性设置
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content=......
  • flex 父元素属性
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content=......
  • flex 布局属性
    父元素属性设置|-设置主轴方向|-设置子元素是跟着主轴来排序的方式|-默认的主轴是X轴Y轴是侧轴flex-direction:{row默认值从左到右row-reve......
  • Java中字符串、数组、集合及JSONArray的长度属性
    前言:数组没有length()这个方法,有length的属性。String有有length()这个方法。1.String字符串Stringstr="abcdefg";str.length(); 2.Array数组int[]arr=newint......
  • 前端基础知识-css(一)个人学习记录
    待补充flex及其属性https://blog.csdn.net/weixin_44706267/article/details/121291934css3新特性sass和lesshttps://www.cnblogs.com/dasusu/p/10114097.html......
  • 高版本jdk的访问私有成员属性的正确姿势
    在jdk17+已经不能直接通过setAccessible来访问私有属性了Fieldname=access.getClass().getDeclaredField("name");name.setAccessible(true);name.set(access,"666......