浮动：没有不响应我的设计工作

Question

我会暂时打开这个活网址，否则这个问题将是很难解释清楚：

[测试URL关闭]

请在打开此浏览器支持媒体查询和调整浏览器到移动，在视口宽度大约400像素或更低：

，你可以（应该）看，在全球导航菜单中的“标签”选项可见，积极和aligne d在右边。这正常工作，并通过它漂浮到右边来完成：

.nav-option-active { @include inline-block; float:right; } 

（注：我使用SASS，因此@include语法）

到目前为止，一切都很好。但是，随着视口的增长，可以显示更多的空间来显示导航选项，包括这个活动的选项和额外的导航选项，正如它们通常应该出现的一样。有了房间，他们不应该漂浮。你可以看到这是如何工作的其他导航选项，当你调整视弄成大：

见上面。全局导航选项看起来没有展开，因为它们应该是这样，但是主动导航选项（在这种情况下是标记链接）仍保持向右移动。我想在较大的视口中执行的操作是撤销该浮动，以便该链接将表现为内嵌块，未展开，并且与其他链接一样显示在标记中。我试图这样做是如下：

.nav-option-active, .nav-option-active a, .nav-option-active a em { float:none; } 

注意，代码是那种绝望了，难道真的要设置浮动的问题：没有只.nav选项活性元素。

正如您已经从屏幕截图中看到的那样，float没有被取消，我也弄不明白为什么。在Firebug中，我看到浮动：没有确实应用，并且float：right被穿过，被float：none取代。所以CSS是绝对应用的，但它没有效果。清楚：两者都没有影响，但我认为这不是正确的财产使用。奇怪的是，如果在Firebug中，我实际上在运行期间摆脱了浮动规则，就可以实现所需的行为。

我有一种感觉，我忽略了一些非常基本的东西，或者误解了一些根本性的东西，那么我怎样才能撤销一次设置的浮动？

Answer 1

您的其他列表项目已左移。你也需要把那个留下来。