当前位置: 首页 > 面试题库 >

HTML浮动右元素顺序

高修筠
2023-03-14
问题内容

如果我有三个向右浮动的元素,那么为什么顺序跟随(请参阅jsfiddle),而元素3实际上是最后一个元素,则元素1是右侧的第一个元素。

现在订购

[3] [2] [1]

但是元素在html中按此顺序

[1] [2] [3]

为什么?


问题答案:

这种“倒序”是预期的结果。

您可以根据需要在CSS规范中进行深入研究,但是示例将按原样进行渲染。

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



 类似资料:
  • 问题内容: 我有HTML: 和CSS: 在浏览器中,跨度以相反的顺序显示:导入导出设置。我可以仅通过更改CSS文件并保留HTML来更改顺序吗? 问题答案: 解决此问题的一般方法是反转HTML中右浮动元素的顺序,或将它们包装在包含元素中,然后将其浮动到右侧。

  • 问题内容: 我只在div中遇到浮动元素问题,这是问题所在: 我需要有关第二个DIV的边框及其内容位置的说明。为什么边框在后面但内容在第一格之下? 还根据:https : //css-tricks.com/all-about-floats/#article-header-id-3 关于浮点数的更令人困惑的事情之一是它们如何影响包含它们的元素(它们的“父”元素)。如果此父元素只包含浮点元素,则其高度实

  • 问题内容: 任何人都知道为什么overflow:hidden强制具有浮动元素的元素包装元素吗? 我真的很想了解内部工作原理,而不是仅仅使用它并相信“它确实有效”。 当包含元素的方向与浮动的子元素相同的方向时,我可以理解它的工作原理,但是overflow:hidden意味着裁剪溢出的内容(与position:absolute / relative一起使用时)。 任何信息表示赞赏。 问题答案: 浮点数

  • 问题内容: 我有一个包含2个div的页面。第一个浮动。第二个有一个“清晰:既有CSS声明,又有很大的利润空间”。但是,当我在Firefox或IE8中查看页面时,没有看到上边距。看起来第二个div正在触摸第一个div,而不是分开。有什么方法可以使上边距正常工作? 我已经阅读了CSS规范,并注意到它说:“由于浮动中没有浮动,因此浮动框之前和之后创建的未定位块框会垂直流动,就好像浮动不存在一样。”但是,

  • 问题内容: 我正在尝试在网络上进行搜索,但不确定要查找的内容是什么。我试图找出如何创建将被修复的div元素,或者仅在该元素的TOP达到窗口浏览器视图的TOP时才浮动。例如,如果某个元素位于页面的中间,那么当您继续向下滚动时,该元素将一直保留直到它即将消失,然后它才希望保留在我的浏览器顶部(固定)。 问题答案: 我想我正在做与您想做的事情类似的事情。试用以下代码,将所需的内容放入通知div中,并单独

  • 问题内容: 我有一个清单,李的有一个。之后的内容应正确对齐。 我认为,可以通过使用:after这样的伪选择器来删除。 我是否总是需要创建一个单独的div来清除浮动元素? 问题答案: 这样写: