570
文章
·
28640
阅读
570
文章
·
28640
阅读

有37人阅读过 css定义位置
发布于2022/04/13 更新于2022/04/14
[ 教程仅保证更新时有效,请自行测试。]

位置position

值:relative 相对的,配合left, right, top, buttom 确定元素再父级框里的相对位置,父级位置变动,元素跟着动。

例:

aaa{

position: relative;

left:100px;

top:100px;

}


值:absolute 绝对的,位置是参考整个页面的位置的,通过left,right, top,buttom确定元素再页面中的绝对位置,当其他元素位置变化时,其位置不变,

值:fixed,同 absolute


图层z-index

值:-1,0,1,默认图层是0,写在后面的代码就在上层,需要他往下移动图层时,就把值设置为负值。

例:

img{

position: fixed; //绝对位置,默认会挡住这个位置原有的内容

top:0px;

z-index:-1; //图层下移到父级下面

}


图像显示部分内容,图像裁剪clip

rect(0px 0px 0px  0px) [上 右 下 左]

四边值是相对于图片本身左上角的位置


相对水平位置text-align

值:left, center, right


相对垂直位置vertical-align

值:top, middle, bottom

文章对你有帮助吗?
  • 一般[0]
  • 很赞[0]
  • 没用[0]
  • 垃圾[0]
  • 无语[0]
扫一扫,手机浏览手机访问本站