我不知道的CSS

122 阅读1分钟

绝对定位元素 right 属性自动填充剩余宽度。

一般情况下,定宽定高的绝对定位元素 right 属性自动填充剩余宽度。

<style>
.box {
    position: absolute;
    width: 200px;
    height:100px;
    background: orange;
}
</style>
<div class="box"></div>

当给它加上这样的属性,它能水平居中

<style>
    margin: 0 auto;
    left: 0;
    right: 0;
</style>