The pointer does not move down:

HTML:

<div class="notice"> Пароль или имя пользователя указано не верно <div class="pointer">▼</div> </div>

CSS:

 .notice { position: absolute; } .notice .pointer { position: relative; margin-bottom: -50px; }

Thus, the ▼ should be shifted 50 pixels to the bottom, but this does not happen.

  • Not. Just add top: 50px; . margin-bottom -50px will work with absolute and others - Yuri
  • I'm wondering why my method does not work - SUPIRRRR

1 answer 1

 .notice .pointer { position: relative; bottom: -50px; }
  • Thank you, it works. What is most interesting if you bring the pointer up, then it goes beyond the block - SUPIRRRR
  • Do not tell me why my method does not work? - SUPIRRRR
  • These are subtleties of block positioning. In the documentation where you can find-- I don’t remember anymore) - Arsen