如果我有三个元素向右摆动,为什么顺序紧随其后(参见jsfiddle)元素1是右边的第一个元素,而元素3实际上是最后一个元素.

现在是秩序

[3] [2] [1]

但是元素在html中的顺序是这样的.

[1] [2] [3]

为什么?

http://jsfiddle.net/A9Ap7/

推荐答案

这种"颠倒顺序"是预期的结果.

如果您愿意,您可以在CSS Specification之间使用挖洞,但是您的示例呈现了它应该呈现的效果.

如果您希望它们以与标记相同的顺序显示,请将.container向右浮动,其子对象向左浮动.

Updated jsfiddle

Css相关问答推荐

如何提高数学输出的质量?

为什么我不能编辑垫按钮填充?

在COLOR-MIX()中使用var()似乎会使其对于不支持COLOR-MIX()的浏览器具有可读性,从而阻止了回退的工作

以百分比形式输入的css宽度属性不会生效

在ReactJS中使用动画在栅格上添加柱

VueJS CSS动画不会扩展到v-card/v-col之外

创建始终为剪辑元素的300%高度并左对齐的圆形剪辑路径

如何在容器查询体中重新定义:Root的CSS自定义属性值?

关闭Superset中的Deck.gl工具提示

如何使TWebPanel具有圆角?

显示 P 元素中加载数据的空行

使元素在顶部和中心都有粘性

Angular 以Angular 获取当前聚焦的元素

如何在真实文本旁边制作文本阴影,使其看起来像 css 中的重复文本?

Tailwind:如何设置网格的自动填充?

在表格中隐藏绝对伪元素

如何使用 TailwindCSS 禁用环形阴影?

仅针对直接子代而不是其他相同后代的 CSS Select 器

调用转发到 JSP 的 Servlet 时,浏览器无法访问/查找相关资源,如 CSS、图像和链接

输入上方带有标签的样式表