Answers for "how to make button element doesn't affect the positioning of other items on the page html css"

positioning button inside div

.button-div {
  position: relative;
}

.button {
  position: absolute;
  top:;     <!-- declare your own positioning -->
  left:;
}

positioning button inside div

<div class="button-div">
  <button class="button" type="button" name="button"></button>
</div>