javascript - div float right 在 IE 中不起作用

Question

我必须将两个 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 中，截止日期位于发送日期下方，而不是对齐到发送日期的右侧。我花了足够的时间试图找到解决方案，但没有运气。我也试图清除 senddate 的 float ，但它没有用。请让我知道如何在 IE 中实现这一点。

TIA...

Answer 1

尝试这样的事情

CSS

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

JavaScript 代码

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

或者使用jquery它将管理您的浏览器兼容性