Javascript 列div布局不适用于所有浏览器

我正在尝试创建一个简单的列布局，其中mainContent和rightContent位于同一行中。我想在JavaScript中设置样式，而不是使用CSS

这就是我所拥有的

---

出于某种原因，这在IE11中有效，但在其他浏览器（如Chrome33）中不起作用。如何使其跨浏览器工作？

我认为您需要float vs.styleFloat：

mainContent.style.float = "left";
rightContent.style.float = "left";

使用

cssFloat

代替

styleFloat

：

mainContent.style.cssFloat = "left";
rightContent.style.cssFloat = "left";

根据中的注释

如果您从JavaScript中引用此属性作为 对于

元素.style

对象，必须将其拼写为

cssFloat

。还请注意 Internet Explorer版本8及更高版本拼写为

styleFloat

。 这是DOM成员名称为的规则的一个例外 破折号分隔的CSS名称的驼峰大小写名称（由 事实上，“float”在JavaScript中是一个保留字，正如需要一样 将“class”转义为“className”，将“for”转义为 “htmlFor”）

---

使用标准的做事方式？@Virus721如果你不想回答，就不要说任何话。@Dumisani这是评论的目的，火箭科学家。对我来说，这在Firefox 27中不起作用。请看。那么您应该使用jquery，因为$（'mainContent'）.css（{float:'left'}）；将应用最基本和w3c兼容的样式属性。我不希望使用任何外部库。

mainContent.style.cssFloat = "left";
rightContent.style.cssFloat = "left";