使用css的宽度而不是元素的宽度中和float：left

Question

我有一堆彼此相邻的图像，用作滑块内容，我相信所谓的精灵。通过浮动：左侧强制图像彼此相邻。当我这样做时，这一切都很好。

<img src=".." width="200px" height="160px".

然而，当我将宽度和高度放在style属性中时：

style="{width:239px; height:160px;}"

屏幕外的图像彼此相对。 float：left在单独的样式表中指定。我真的很想使用风格方式，我很好奇为什么左边的浮动被取消了。

Answer 1

如果它适用于您的第一个代码段，则应该使用此代码：

<img src=".." style="width:239px; height:160px;" />

请注意，我删除了大括号。

无论如何，我不确定“浮动中和”的来源。

即使使用大括号，它仍然在IE7 / IE8 + Firefox / Chrome / Safari / Opera中的演示中浮动：

http://jsfiddle.net/thirtydot/8S9gM/

正如本问题中其他各个时间所指出的那样，请确保指定正确的width。

Answer 2

style="width:239px; height:160px;"

删除大括号（大括号）{}

Answer 3

style="{width:239px; height:160px;}"

这是无效的HTML。您不在内联style=声明中使用大括号，因此这应该有效：

style="width:239px; height:160px;"

Answer 4

您不应该使用内联样式，这是一种不好的做法，将所有规则放在外部样式表中。

维护起来更容易，并且允许您更快地更新项目组。

此外，内联样式的width属性为239px而不是200px，并删除大括号。

只要您正确指定了班级，就没有理由取消float。