爲什麼不IE7-正確顯示這個CSS

Question

我設置了一個搜索框使用div和浮動來創建多列布局。我的IE 7-客戶端看到filter-label和filter-input-controls之間的換行符。

他們都有共同的政策，不會讓他們升級或使用Chrome或者FF。我嘗試使用clearfix和comment before the doctype。沒有運氣。

jsfiddle here

Answer 1

考慮使用LABEL標籤和風格，無序列表，爲您的表單元素的容器。這導致代碼更乾淨，並且使語義更有意義。

參見：http://alistapart.com/article/prettyaccessibleforms

Answer 2

看起來你的搜索框太寬。嘗試添加一個*width:到包含div。 *是針對IE7及以下版本的過濾器。

IE7將需要一切拼寫明智的佈局（寬度，高度，浮點數等）。如果一個元素太大，會破壞佈局。更現代的瀏覽器更寬容。

Answer 3

它看起來像我的「偏差狀態」跨度是在一個不同的div比你的選擇，人們會希望他們顯示在不同的塊元素。因爲我沒有看到「display：inline（或inline-block）;」在你的CSS的任何地方，它看起來並不像你正在考慮這種默認行爲..