Home/ Questions/Q 6129555
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T16:45:23+00:00

You’ve probably seen the toolbar from StackOverflow (at the top of this page), how

  • 0

You’ve probably seen the toolbar from StackOverflow (at the top of this page), how it hangs outside the viewport. Both of the edges hang off the page and so does the top. I have tried this so many times but can’t find an answer. How would I make a div behave like this- in html, css, or javascript- can someone help me? (Position:fixed; is not what I’m looking for.)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    it is just a div, but you have to turn off the paddings in the body that is around:

    <body>
   <div class="bar">test</div>
</body>

body{
  margin:0;
  padding:0;  
}

.bar {
  padding:3px;
  background-color:#ff7200;  
}

    a div automatically has a width of 100%

    a live sample here

    • 0