Browsers scrollbar is under my fixed div

Question

i have a fixed header with 100% width.

#header {
background: #2e2e2e;
width: 100%;
z-index: 999;
position: fixed;
}

browsers scrollbar is u

Answer 1

This can be solved using 2 ways as below:

1.First caculate the scrollbarWidth=el.offsetWidth - el.clientWidth

2.Set fixed div left=scrollbarWidth