dziwne marginesy w css przy przesunięciu

Question

Wytłumaczy mi ktoś dlaczego kiedy ten pepe górny jest z lewej to wszystko jest normalnie, ale kiedy napiszę

float: right

to pojawiają się jakieś dziwne marginesy? Jak badałem w przeglądarce to mi się pokazywało że na tych marginesach kończy się body.

Comments

Pokaż kod strony.

Answer 1

Może użyj takiego zapisu

[ on-line ]

html,
body {
  margin: 0;
  padding: 0;
  border: 0;
}
body {
  width: 100%;
  height: 100vh;
  ...
  overflow: hidden;
}

a do pozycjonowania "pepe" użyj np.

img[class^="pepe"] {
  position: absolute;
  display: block;
  width: 15em;
  z-index: -1;
}
img.pepe-left {
  left: 0;
  bottom: 0;
}
img.pepe-right {
  right: 0;
  top: 0;
  transform: rotate(180deg);
}