Question

when i scroll the page horizontally div border on top doesn’t show.
here’s is CSS and HTML.

please check the attached image also.

.top {
    height:28px;
    padding-top:7px;
    border-bottom:5px solid #f7931d;
}

<div class="top"></div>

Answer 1

div width is following screen width since you have some floating objectes inside (probably, its just guess).

you can either do

.top {
  ...
  display: inline-block;
}

or to set expected width