HTML、CSS、动态浮动:右和;“解冻”;

HTML、CSS、动态浮动:右和;“解冻”;,html,css,Html,Css,我有一行类似按钮的文本链接,除了一个链接外,大多数链接都要向左对齐 我的CSS表单很难发布,但本质上: .button-bar-float-right{ float: right; } @media (max-width: 479px) { .button-bar-float-right{ float: none; } ... } 这在Chrome Developer Tools中进行了研究,它在浮动模式下很好地启动了一个选中的按钮,该按钮位于其他按钮的右侧,但仍然在一

我有一行类似按钮的文本链接,除了一个链接外,大多数链接都要向左对齐

我的CSS表单很难发布,但本质上:

.button-bar-float-right{
  float: right;
}
@media (max-width: 479px) {
  .button-bar-float-right{
    float: none;
  }
  ...
}
这在Chrome Developer Tools中进行了研究,它在浮动模式下很好地启动了一个选中的按钮,该按钮位于其他按钮的右侧,但仍然在一条线上(当窗口变宽时),然后(当窗口变窄时)它会像其他按钮一样变成一个显示:块,但当再次变宽时,按钮不会返回到正确的位置(它向右对齐,但不返回到同一行)

怎么了

(下面还有一些天真的问题: -在设备查询块中,样式的顺序是否重要(即是否存在阻止表单重新分配属性的无效状态?)
-我是否必须设置具有相反属性的标记才能使其动态还原?

鉴于我们没有足够的信息来重现您的问题(请参阅Oriol的链接),我将在您的文章末尾回答以下问题:

在设备查询块中,样式的顺序是否重要(即是否存在阻止表单重新分配属性的无效状态)

样式的顺序只取决于CSS规则的优先级——不管它们的顺序如何,权重最高的规则优先。当最高优先级出现平局时,最后一个获胜

我是否必须设置具有相反属性的标记才能使其动态还原


不,只应用在任何给定时间都适用的CSS规则。当它们不再适用时,其效果就会消失。

或者float只是一个不可动态可逆的属性吗?这对我很有用:我很感激,但我继承的CSS大约有1900行。我正在寻找其他样式可能会干扰我的提示th it(即常见错误)。试着修改它一个错误,对这个问题做出一个MCVE,几乎意味着通过试着和错误来解决这个问题。我正在努力,但你知道…@DailyFrankPeter在这种情况下,我建议你使用浏览器调试工具来检查这个元素及其周围的元素。它应该准确地告诉你哪些规则在起作用他们在哪里。