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 vote173 views3 answers
Font-style
CSS
0 vote197 views1 answer
Alternate color on two consecutive rows
CSS
0 vote203 views1 answer
Remove 000webhost ads
CSS
17 votes183 views1 answer
Artillery annot be loaded because running scripts is disabled on this system
CSS
8 votes193 views1 answer
When hover target diffrent element
CSS
0 vote208 views1 answer
How to set initial state after first time in formik
CSS
1 vote186 views1 answer
How to keep background image sticky on top
CSS
10 votes194 views6 answers
How to install composer on mac
CSS
164 votes236 views6 answers
Css bold
CSS
0 vote195 views1 answer
Colored link button style
CSS