html float, неправильно отображается верхний блок
Всем добра. Всегда решал проблему, но криво. Решил докопаться до истины. Поясню на примере.
В результате получается что рамка .main не становится вокруг .block (визуально)
Как делать правильно, чтобы визуально выглядело корректно?
Я же использую для .main display:flex; Какие будут варианты?
Код:
<style>
.main
{
border:5px solid #000;
}
.block
{
float:left;
width:50%;
}
</style>
<div class="main">
<div class="block">555</div>
<div class="block">555</div>
</div>Как делать правильно, чтобы визуально выглядело корректно?
Я же использую для .main display:flex; Какие будут варианты?