Is there a css min-top property

“Is there a css min-top property?” no, but …

… you can use math function to take effect like min-top:

<style> 
  #div2{
    top:max(50px, 10%);
  }
</style>
    

https://developer.mozilla.org/en-US/docs/Web/CSS/max