Pozycja względna, pływak przejmuje div od normalnego przepływu

Jak mogę zapobiec usunięciu div z normalnego przepływu, ale nadal używając floatu, jak poniżej:

<div id="one">
    <div id="two"></div>
</div>

CSS:

#one {
    width: 100%;
    height: auto;
}

#two {
    width: 100px;
    height: 100px;
    position: relative;
    float: left;
}

Teraz div „one” nie ma wysokości, a div „two” wygląda na to, że nie ma go w pierwszym div.

questionAnswers(3)

yourAnswerToTheQuestion