div浮动权在IE中不起作用

我必须在一行中放置两个div，一个div放在左边，另一个放在右边。以下是我使用的代码。div浮动权在IE中不起作用

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 ...

来源

2013-04-16 later2013

MDN说：对于IE 8及以上版本，它是'style.styleFloat'（https://developer.mozilla.org/en-US/docs/CSS/float） –

为什么不只是使用style.float =“left”？这工作在ie7 –

尝试这样的事情

CSS

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

JavaScript代码

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

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

来源

2013-04-16 08:00:53

谢谢所有的及时响应。 – later2013

我用style.styleFloat IE浏览器，因为我在js本身而不是在CSS中定义样式，它的工作。 – later2013

div浮动权在IE中不起作用

回答

相关问题