html - CSS:显示水平滚动条时不应用背景颜色

Question

这个标记

<div style="background-color: red;">
    abcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcd
</div>

当浏览器窗口足够宽时可以正常工作，但是当我缩小它以查看水平滚动条时，背景色仅应用于可见部分:

这可以修复吗？

Answer 1

试试 position:absolute;

<div style="background-color: red; position:absolute;">
    abcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcd
</div>

编辑:

或使用display:inline;

<div style="background-color: red; display:inline;">
    abcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcd
</div>