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