HTML向右浮动元素顺序
HTML向右浮动元素顺序
提问于 2011-11-28 01:01:39
如果我有三个元素放在右边，为什么顺序在后面(参见jsfiddle)，元素1是右侧的第一个元素，而元素3实际上是最后一个元素。
订单现在是
[3] [2] [1]但是元素在html中的顺序是这样的。
[1] [2] [3]为什么？
回答 5
Stack Overflow用户
回答已采纳
发布于 2011-11-28 01:09:10
这个“倒序”是预期的结果。
如果愿意，您可以在CSS Specification中进行深入研究，但是您的示例呈现的是它应该呈现的内容。
如果您希望它们以与标记相同的顺序显示，请将.container向右浮动，其子级向左浮动。
Stack Overflow用户
发布于 2011-11-28 01:11:09
第一个元素向右移动，当它到达容器的边缘时停止，并允许下一个元素向上移动到其左侧。
然后，第二个元素执行相同的操作，只是它在遇到第一个元素的左边缘时停止。
…诸若此类。
Stack Overflow用户
发布于 2011-11-28 01:13:06
使用float或任何其他css属性对html源代码没有影响。
被浮动元素后面的任何元素都将在另一边的被浮动元素周围流动。
如果将图像向左浮动，则跟随该图像的任何文本或其他元素都将向右流动。如果将图像向右浮动，跟随它的任何文本或其他元素都将向左流动。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8287265
复制相关文章
相似问题