css - 链接到锚点不会到达确切的位置？

Question

我有 5 个<div>带有这种风格的水龙头：

foo { 
   width: 781px;
   height: 1000px;
   float: left;
   position: relative;
   top: 90px;
   left: 50px;
   padding-right: 20px; 
   right: 30px;
   background-color: #ffc;
}

我从菜单导航到这个水龙头，当我点击菜单时，它应该在精确的水龙头下下降，但它下降但远离确切的水龙头，当我将上面 CCS 中的高度更改为 1000 像素的 750 像素时，一切正常但我不想改变高度。