CSS對齊 - 修正浮動元素的對齊

我有一個CSS的特殊問題 - 'VPS計劃'的div和'功能'div應該浮在一起，並在底部排隊。不幸的是，除非我將Feature div的大小調整爲460px，否則它會啓動到下一行，我無法弄清楚。CSS對齊 - 修正浮動元素的對齊

該頁面可以是seen here。

謝謝！

2013-08-07 Brian Schroeter

只是添加一些信息，我檢查了FF瀏覽器，它似乎工作正常，在Chrome上，我可以複製這個問題。那是對的嗎？ – whyAto8

對於我來說，這兩個元素都排在Firefox和Chrome，但是有一些截然不同的利潤。我的建議：A）驗證您的HTML。你在PRE內部有一個UL而不是STRONG（這是完全無效的）（這是沒有道理的，爲什麼是PRE？）。 B）停止使用硬編碼的像素大小。實際上停止像素思維。您正在使用**響應式** Bootstrap，因此使用固定像素寬度絕對沒有意義。 – RoToRa

-1

一切都看起來不錯，你需要添加display: inline-table;下面的CSS。

的元素會顯示爲一個行內表

ul.vt li.vt-line-header { 
display: inline-table; //----Add this to your CSS 
}

希望你能理解。

來源

2013-08-07 06:58:13 Praveen

爲什麼內聯表？使用display：inline-block;垂直對齊：底部; – Anon

@Anon在檢查OP的網站時，似乎「內聯塊」在VPS計劃的div和'Features'div之間留下了一些空間。你知道有時CSS會像這樣玩耍。我們可能會想，但有時候由於其他CSS衝突（可能會）而導致行爲不同。希望你能理解。 – Praveen

CSS對齊 - 修正浮動元素的對齊

回答

相關問題