2014-04-22 36 views
0
對準

請看看這個測試:http://jsfiddle.net/mqvL8/表單元素不正確的Firefox

如果我使用Chrome或Safari瀏覽器,一切都正確對齊

example with Chrome

如果我做同樣的事情在Firefox中,它看起來像這樣:

example with Firefox

任何想法,爲什麼DIF ference?

我使用div的是這樣的:

標題的
<div class="form-group"> 
     <span class="control-label col-xs-2"><b>Name</b></span> 
</div> 

每個人都有一個CSS類的col-xs-2其中我會假設將讓一切正確對齊像Chrome和Safari做。難道我做錯了什麼?

+0

你的小提琴看起來好像沒什麼問題在FF。你清除了緩存嗎?我沒有看到任何問題。 – dward

回答

1

的形式組做一個clear:both

.form-group { 
    clear:both; 
} 

Updated JSFiddle

+1

Thx!對於像我這樣的CSS新手,清除一些額外的信息:http://stackoverflow.com/questions/12871710/why-clear-both-css –