我有一堆圖像放在一起，作爲一個滑塊內容，所謂的精靈，我相信。通過float：left強制圖像被放在旁邊。使用CSS的寬度，而不是元素的寬度中和float：left
style="{width:239px; height:160px;}"
屏幕外的圖像，下面放對方：當我做
<img src=".." width="200px" height="160px".
然而，當我把寬度和高度樣式屬性裏面這工作都很好。 float：left在單獨的樣式表中指定。我真的很喜歡用這種風格的方式，而且我很好奇爲什麼左邊的浮動被取消了。
style="width:239px; height:160px;"
刪除大括號（括號）{}
如果你的第一個代碼段的工作，它應該有這方面的工作：
<img src=".." style="width:239px; height:160px;" />
請注意，我刪除了你的大括號。
無論如何，我不確定「浮動中和」來自何處。
即使使用大括號，它仍然漂浮在這個演示中IE7/IE8 +火狐/ Chrome瀏覽器/ Safari瀏覽器/歌劇：
http://jsfiddle.net/thirtydot/8S9gM/
由於在這個問題上指出，各種其他時間，確保你正在指定正確的width。
你不應該使用內聯樣式，這是一個不好的做法，把所有的規則在外部樣式表。
它更容易維護，並允許您更快地更新項目組。
此外，內聯樣式上的width屬性爲239px而不是200px並刪除大括號。
只要您正確指定了班級，就應該沒有理由取消float。
style="{width:239px; height:160px;}"
這是無效的HTML。不要使用內嵌style=聲明中大括號，所以這應該工作：
style="width:239px; height:160px;"
是不是故意的，你的第一例和第二例有不同的寬度？ （200px vs 239px？）任何與此相關的機會？ – 2011-03-09 21:18:35
寬度的差異是無意的。去掉花括號確實有效。感謝所有的答案。我傾向於用最低等級的答案來獎勵。 – 2011-03-10 20:31:35