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

3 votes223 views1 answer
Get company id odoo
CSS
-1 vote213 views1 answer
How to centralize cards in css
CSS
0 vote194 views2 answers
Bootstrap 4 scss angular 8
CSS
19 votes277 views2 answers
How to customize placeholder css
CSS
0 vote207 views1 answer
Add css class c#
CSS
1 vote201 views1 answer
Ul li seprator
CSS
7 votes204 views3 answers
Remove hover effect css
CSS
2 votes222 views2 answers
How to put the input box and the label on top of input
CSS
7 votes192 views3 answers
Css wrap text to next line
CSS
1 vote206 views1 answer
There's a gap between my td
CSS