div float right在IE中不起作用

Question

我必须在一行中放置两个div，一个div在左边，另一个在右边。 以下是我使用的代码。

var sendDate = document.createElement('div');
sendDate.style.width = "40%";
sendDate.style.cssFloat = "left";

var dueDate = document.createElement('div');
dueDate.style.width = "40%";
dueDate.style.cssFloat = "right";

但这在FF和Chrome中运行良好，但在IE中则不行。 在IE中，duedate位于senddate下方，而不是在senddate右侧对齐。 我花了足够的时间试图找到解决方案，但没有运气。我试图清除senddate的浮动，但它的工作。 请告诉我如何在IE中实现这一目标。

... TIA

Answer 1

尝试这样的事情

CSS

.left { float:left; }
.right { float:right; }

JAVASCRIPT CODE

var sendDate = document.createElement('div');
sendDate.style.width = "40%";
sendDate.className = "left";

或使用jquery来管理您的浏览器兼容性