Anchor links scrolling too far

div{ 
  height: 650px; 
  background:#ccc; 
  /*the magic happens here*/
  border-top:42px solid #fff;
}
ul{
  top: 0; 
  width: 100%; 
  height:20px; 
  position: fixed; 
  background: deeppink; 
  margin:0;
  padding:10px; 
}
li{
  float:left;
  list-style:none;
  padding-left:10px;
}
div:first-of-type{ 
  margin-top:0; 
}

Source: stackoverflow.com

Similar codes

0 vote238 views1 answer
Make the first item at the very top of the screen
CSS
0 vote275 views1 answer
Calc in css fonts
CSS
3 votes276 views2 answers
Css border radius not working
CSS
0 vote272 views1 answer
Css for floting input label
CSS
0 vote264 views1 answer
Css select without class
CSS
15 votes278 views4 answers
Sass
CSS
0 vote285 views2 answers
Autocomplete background color css
CSS
0 vote286 views1 answer
Selection Handler css
CSS
0 vote239 views1 answer
How to give a background color strip in html and css
CSS
3 votes282 views2 answers
How to make image not draggable in html
CSS