方法一和二哪种更好？
来源：2-14 编程练习
胡小菜
2019-06-28 00:23:35
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin: 0;
padding:0;
}
.test{
width: 800px;
height: 100px;
background: red;
position: fixed;
/*方法一*/
/* top:0;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;*/
/*此处写代码*/
/*方法二*/
left:50%;
margin-left: -400px;
}
.out{
width: 100%;
height: 2000px;
background-color: #abcdef;
}
</style>
</head>
<body>
<div class="out">
<div class="test"></div>
</div>
</body>
</html>是不是选方法一更好呢，不用向方法二那样去计算？
写回答
1回答
-
好帮手慕码
2019-06-28
同学你好！
两种方法都是可以实现的，并且都是很常用的。（第二种方法可以节省代码行数）
第一种中可以不设置bottom：0;也可以哦~
如果帮助到了你 欢迎采纳 祝学习愉快~
0
相似问题
第一种方法和第二种方法的优势利弊？
回答 1
两种实现方法
回答 1