浮動：沒有不響應我的設計工作

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

您的其他列表項目已左移。你也需要把那個留下來。