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 vote187 views1 answer
Nth-of-type(2):before
CSS
0 vote231 views1 answer
Table td data in middle
CSS
6 votes168 views6 answers
Break word css
CSS
0 vote150 views2 answers
Cons;0 ccs
CSS
0 vote169 views1 answer
The CSS to make all the columns equal in width is as follows
CSS
0 vote170 views2 answers
Animate.css not working
CSS
20 votes160 views5 answers
Background color transparent opacity css
CSS
1 vote180 views1 answer
Composer use different php version
CSS
19 votes182 views5 answers
Css opacity background color
CSS
69 votes160 views6 answers
Center image css
CSS