老师,帮我检查一下有错误吗?哪个地方需要改进?
来源:6-3 编程练习
慕先生8145006
2019-08-29 16:01:34
<!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;
left: 25%;
}
.out{
width: 100%;
height: 2000px;
background-color: #abcdef;
}
</style>
</head>
<body>
<div class="out">
<div class="test"></div>
</div>
</body>
</html>
1回答
同学你好,代码中直接使用 left: 25%;并不是完全的居中,当调整页面比例时,就不居中了,
建议使用margin: auto来自适应居中-->left 0; right 0; margin: auto;
auto是自动调整大小,默认为左右边距相同,所以就是居中了.
如果我的回答解决了你的疑惑,请采纳,祝学习愉快~
相似问题