CSS float right issue

我正在設計我的頁面，並且對齊頁眉時遇到了問題。正如你可以在這裏看到：CSS float right issue

enter image description here

我想要的「添加」，將與員工名單對齊。我會怎麼做？

順便給這裏的代碼：我用bootstrap。但本地CSS建議仍然很好。

<div class="title"> 
       <h4>Employee list</h4> 
       <span class="pull-right">Add</span> 
      </div>

感謝

2013-07-03 Bajongskie

的<h4>之前移動Add來。當你向右浮動時，如果你想讓它們對齊，目標元素應該位於另一個元素之前。

HTML

<div class="title"> 
    <span class="pull-right">Add</span> 
    <h4>Employee list</h4> 
</div>

CSS

.pull-right { 
    float:right; 
}

2013-07-03 10:33:02 MrCode

謝謝。我從來沒有想過這是這麼簡單.. LoL。順便說一句，爲什麼如果我把它放在h4的底部，它會下降？ – Bajongskie

這是因爲h4是塊級元素，所以它佔用了寬度的100％。當您將跨度放在它下面時，即使在浮動時它也會始終顯示在h4以下。 – MrCode

非常豐富。再次感謝.. – Bajongskie

給H4寬度自動和浮動左

CSS

和跨度浮右寬自

.pull-right 
{ 
float:right;width:auto 
}

2013-07-03 10:34:07

回答