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

8 votes151 views2 answers
Css border bottom
CSS
0 vote152 views2 answers
Color changes in safari css
CSS
0 vote149 views1 answer
Text wrap image wordpress css
CSS
0 vote147 views1 answer
How to get on the top of the page
CSS
2 votes183 views1 answer
Transfrom rotate
CSS
16 votes155 views3 answers
CSS Head Link
CSS
0 vote174 views1 answer
Line not breaking css
CSS
8 votes147 views6 answers
Overlay css background image
CSS
0 vote163 views1 answer
How to active horizental scroll for navbar menu in mobile screen
CSS
0 vote139 views2 answers
Css align image bottom
CSS