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

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

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

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