Div'y, dziecko-rodzic, dziecko ustawionego na float:right;. Rozpychanie rodzica przez dziecko.

Mamy oto kod poniżej, Na obrazku widzimy dziecko wychodzi częściowo poza rodzica! Dziecko jak widzimy nie rozpycha rodzica według obrazka, jak zrobić by rozpychało.

<div style="position:relative;outline-style:solid;outline-width:thin;outline-color:silver;width:auto;height:auto;">
Oto jest kod jeden.
  <div style="position:relative;clear:right;float:right;outline-style:solid;outline-width:thin;outline-color:silver;width:100px;height:100px;">
  Oto jest kod dwa.
  </div>
</div>

Robisz to niepoprawnie, poszukaj w sieci tematy:
css grid
flexbox
strona responsywna css
poczytaj chociażby https://the-awwwesomes.gitbooks.io/html-css-step-by-step/content/pl/css-rwd-basics/index.html

Przeczytałem! Mam to tak napisać?

<div style="position:relative;outline-style:solid;outline-width:thin;outline-color:silver;width:auto;height:auto;display:flex;flex-direction:row;">
<div id="jeden" style="width:100%;">
Oto jest kod jeden.
</div>
<div style="width:auto">
  <div id="dwa" style="position:relative;outline-style:solid;outline-width:thin;outline-color:silver;width:100px;height:100px;">
  Oto jest kod dwa.
  </div>
  </div>
</div>

Ale wtedy pod drugim div'em id="dwa" nie można wtedy nic pisać!