极客观点
项目管理
HarmonyOS
margin:0 auto 可以让 元素居中。理由是auto的时候，浏览器会自动左右配距离。
<html>
<style>
div{
width: 100px;
height: 200px;
margin:0 auto;
border: 2px solid red;
}
</style>
<div></div>
</html>div可以居中，现在让它浮动起来。
<html>
<style>
div{
width: 100px;
height: 200px;
float:left;
margin:0 auto;
border: 2px solid red;
}
</style>
<div></div>
</html>无法居中了，但是margin还是可以起作用，给他具体的值。
<html>
<style>
div{
width: 100px;
height: 200px;
float:left;
margin:0 300px;
border: 2px solid red;
}
</style>
<div></div>
</html>我就不理解了明明margin语句是起作用的，为何margin:0 auto;在float后，无法让div居中了呢？
因为float使元素脱离了文档流，auto无法再根据文档位置去计算大小了