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 vote203 views1 answer
Css regions
CSS
0 vote208 views2 answers
Difference bw box and border box
CSS
0 vote185 views1 answer
Css code for increasing size
CSS
2 votes186 views2 answers
How use befor after for image
CSS
2 votes213 views2 answers
Carousel css
CSS
2 votes220 views1 answer
Onclick javascript are you sure
CSS
4 votes200 views2 answers
Gradient over image css
CSS
0 vote207 views2 answers
Wp redirect to https htaccess
CSS
3 votes204 views1 answer
How to change the page background in css
CSS
68 votes265 views6 answers
Flex
CSS