Лучшая практика для замены css float, это позиция: абсолютная?

Question

Я где-то читал, что плавание не рекомендуется, за исключением его первоначального использования, которое должно плавать изображения вокруг текста.

Так я делаю вывод, что, чтобы сделать свой ребенок Дива пребывания справа от моего родительского DIV, вместо того, чтобы использовать

child-div { 
    float: right; 
} 

следует использовать

parent-div { 
    position: relative; 
} 
child-div { 
    position: absolute; 
    right: 0; 
} 

Это самая лучшая практикой, чтобы заменить плавать?

Что делать, если у меня есть 5 дочерних элементов в одной строке? Что я должен использовать для замены float?

Спасибо.
В случае, если этот вопрос дублирует другие, дайте мне знать

Answer 1

поплавка прекрасно для того, что вы делаете, так долго, как вы ясно содержащий div, чтобы избежать проблем с макетами.

Пример HTML:

<div class="parent-div"> 
    <div class="child-div">Some text</div> 
    <div class="child-div">Some text</div> 
    <div class="child-div">Some text</div> 
    <div class="child-div">Some text</div> 
    <div class="child-div">Some text</div> 
</div> 

Пример CSS:

.parent-div:after { clear: both; display: table; content: ""; } 
.child-div { float: left; } 

В качестве альтернативы, вы можете использовать display: inline-block вместо поплавка.

Answer 2

Вы можете использовать flexbox в 2016 году;

.parent { display: flex; justify-content: flex-end }

<div class="parent"> 
 
    <div style="background:red">000</div> 
 
    <div style="background:green">111</div> 
 
    <div style="background:yellow">222</div> 
 
    <div style="background:tomato">333</div> 
 
</div>

Ofc вы можете добавить некоторые стили поэтому они имеют некоторое пространство между ними (ребенок дивы)