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 vote239 views1 answer
Animate font weight css
CSS
33 votes210 views4 answers
Css background collor
CSS
1 vote222 views2 answers
Show hidden message html
CSS
1 vote202 views1 answer
Associate checkbox with label
CSS
0 vote222 views1 answer
Reference images from css in django
CSS
7 votes226 views3 answers
Border width css
CSS
1 vote221 views1 answer
Css before is not working
CSS
16 votes180 views2 answers
Set font color in css
CSS
0 vote220 views1 answer
Css remove margin around page
CSS
37 votes539 views6 answers
Overflow in css
CSS