style.float = 'left'
 

Здравствуйте всем!
Во время выполнения работы, застрял в таком месте. Требовалось сделать вот это

<div style="width:250px; overflow:hidden; border:1px solid;">
<div style="width:250px; float:left;">hello-1</div>
<div style="width:250px; float:left; margin-right:-250px;">hello-2</div>
</div>

и вот

var div = document.createElement('div');
div.style.width = '250px';
div.style.overflow = 'hidden';
div.style.border = '1px solid';

var div2 = document.createElement('div');
div2.style.width = '249px';
div2.style.float = 'left';
var txt = document.createTextNode('hello-1');
div2.appendChild(txt);

div.appendChild(div2);

var div3 = document.createElement('div');
div3.style.width = '249px';
div3.style.float = 'left';
div3.style.marginRight = '-250px';
var txt = document.createTextNode('hello-2');
div3.appendChild(txt);

div.appendChild(div3);
document.body.appendChild(div);

конечно я топорным способом накидал, но факт, что не работает. Что же я делаю не так, что не могу добиться результата как в html. Мне кажется, что float = 'left' не срабатывает, вот и дивы падают вниз. Можете взлянуть тут

В ИЕ float устанавливается свойством styleFloat, в остальных cssFloat.

большое спасибо, даже не знал :rolleyes: