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 vote122 views1 answer
Inine css
CSS
0 vote139 views1 answer
Javascript canvas pixel art
CSS
10 votes143 views4 answers
Css align ul li horizontal
CSS
0 vote101 views1 answer
Setting background for anchor pane
CSS
0 vote100 views1 answer
Npm ERR! 404 Not Found - GET https://registry.npmjs.org/taiwindcss - Not found
CSS
38 votes136 views6 answers
Convert object to array
CSS
0 vote124 views1 answer
Css check if class as color white
CSS
2 votes110 views1 answer
How to style multiple elements at once
CSS
0 vote106 views1 answer
Center postion absdolute
CSS
0 vote122 views1 answer
Sass scale color
CSS