浮動類別

Foundation 包含一些有用的浮動類別，可將常見的定位行為加入元素。

浮動左/右

您可以透過將 .float-left 或 .float-right 類別加入元素來變更元素的浮動行為。若要清除浮動，請將 .clearfix 類別加入父元素。

浮動左/右類別使用 `!important` 來確保它們不會被更具體的選擇器覆寫。此架構會仔細避免使用 `!important` 宣告。這是少數會這樣做的元件之一。

浮動類別不會在由右至左的環境中翻轉方向—left永遠表示左邊，而right永遠表示右邊。

<div class="callout clearfix">
  <a class="button float-left">Left</a>
  <a class="button float-right">Right</a>
</div>

好，它實際上並非浮動，但你可以將.float-center類別加入元素中，以使用自動外框置中技巧。請注意，這只會在具有絕對寬度的元素上運作，表示不使用百分比或auto寬度。

<img src="assets/img/generic/voyager.jpg" class="float-center">