Home/ Questions/Q 9211533
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T01:19:09+00:00

This markup <div style=background-color: red;> abcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcd </div> works properly when the browser window is

  • 0

This markup

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

works properly when the browser window is wide enough, but when I make it smaller to see the horizontal scrollbar, the background color is applied only to the visible part:

enter image description here

Can this be fixed?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    try it with position:absolute;

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

    EDIT :

    or with display:inline;

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