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

1 vote113 views1 answer
Export database spinup on terminal commands
CSS
2 votes104 views1 answer
Css rounded corners at top only
CSS
0 vote122 views1 answer
Button transition
CSS
4 votes125 views2 answers
Increase the size of an image on hover using css
CSS
3 votes99 views2 answers
What does em stand for in css
CSS
0 vote142 views1 answer
Date icon color change
CSS
27 votes102 views1 answer
How to set text color in ingredient
CSS
0 vote104 views1 answer
Swiper center slides but not first slide
CSS
0 vote88 views1 answer
Scroll down style
CSS
1 vote101 views1 answer
Css prevent new line div
CSS