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 vote118 views1 answer
Understanding '~' sign in css selector
CSS
24 votes132 views1 answer
Css gradient animations
CSS
6 votes68 views3 answers
Django css
CSS
109 votes121 views6 answers
Position absolute
CSS
0 vote131 views1 answer
SES
CSS
5 votes161 views2 answers
Remove bootstrap button outline
CSS Bootstrap
0 vote180 views1 answer
Make td match display flex
CSS
1 vote118 views2 answers
How to center topnav bar in html
CSS
4 votes118 views2 answers
Background image with color overlay gradient css
CSS
1 vote153 views2 answers
Media min height css
CSS