動的に生成した div をフローティングさせて、中身を書き込むとはみ出す

javascript で動的に div をフローティングで生成して、中身を書き込むと枠からはみ出してしまう

1. var frame = document.createElement("div");  
2.     frame.className = "float"; // CSSでフロート属性  
3.     frame.innerHTML = "<div>" + "フロートの中身" + "</div>";  
4.     document.body.appendChild(frame);  

var frame = document.createElement("div");
    frame.className = "float"; // CSSでフロート属性
    frame.innerHTML = "
" + "フロートの中身" + "
";
    document.body.appendChild(frame);

フローティングに使うdiv内に、もう一つdivを作成すれば、それに合わせてサイズ変更される