关于absolute和fixed的问题
请教一下,我个人实践中发现 absolute 设置lrtb为0 margin:auto auto;以后只会水平居中 必须要设置父元素为相对定位 relative以后才会实现 水平垂直居中效果,但是fixed 做相同的设置以后不需要设置相对定位就能实现水平垂直同时居中,请问这个区别是在哪里。
正在回答
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style>
.sm{
width: 200px;
height: 200px;
background-color:pink;
position:fixed;
/*position:absolute;*/
left:0;
right:0;
bottom:0;
top:0;
margin:auto auto;
}
</style>
</head>
<body>
<div class="box">
<div class="sm"></div>
</div>
</body>
</html>
写的这个测试代码,fixed和absolute没有区别。
还有疑问,可以将你测试的代码发过了,我们看下。
祝学习愉快!
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星