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 vote297 views1 answer
Remove the dotted border on links
CSS
2 votes300 views1 answer
Add image ::before css
CSS
0 vote324 views1 answer
Css apply style to direct children
CSS
0 vote311 views1 answer
Javafx set border outside
CSS
0 vote309 views1 answer
Css remove link border on click
CSS
19 votes296 views3 answers
Keyframes
CSS
0 vote298 views1 answer
Css make background image repeat horizontal
CSS
0 vote316 views1 answer
Top down gradient css on body
CSS
0 vote327 views1 answer
QAnon Won't believe who
CSS
3 votes324 views1 answer
Set svg background color css
CSS