替代css浮点的最佳实践，它的位置:绝对吗？
替代css浮点的最佳实践，它的位置:绝对吗？
提问于 2016-10-04 00:31:21
我在某个地方读到过，除了最初的用法外，不推荐浮动，即在文本周围浮动图像。
所以我的结论是，让我的孩子呆在我父母的右边，而不是用
child-div {
float: right;
}我应该用
parent-div {
position: relative;
}
child-div {
position: absolute;
right: 0;
}这是替代浮点数的最佳做法吗？
如果在一行中有5个子元素呢？我应该用什么来代替浮子？
谢谢。
如果这个问题与其他问题重复，请告诉我。
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-10-04 00:43:03
只要清除包含的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而不是浮点。
Stack Overflow用户
发布于 2016-10-04 00:41:20
你可以在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您可以添加一些样式，以便它们之间有一些空间(子div)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39847625
复制相关文章
相似问题
腾讯云开发者
