margin-right: auto
以及overflow: auto
时,即使没有边距和内容,也会出现水平滚动条。例如,请参见https://jsfiddle.net/ht3drjae/2/。我原本期望看到内部和外部具有相同的宽度,因此不应该出现绿色背景色和水平滚动条。
这个滚动条只在Chrome浏览器中出现,而在Firefox或IE中却没有。那么为什么会出现滚动条?这是浏览器的一个错误吗?
HTML:
<div class="outer">
<div class="inner"></div>
</div>
CSS:
body {
direction: rtl;
}
.outer {
height: 500px;
overflow: auto;
background: green;
}
.inner {
height: 1000px;
margin-right: auto;
background: red;
}