どうすればこのまま左に浮かべることができますか？

Question

私はすべてが正常に動作し、このコードを持っている：

<script> 
    $(function() { 
     $("#datepicker").datepicker(); 
    }); 
    $(function() { 
     $("#datepicker2").datepicker(); 
    }); 
</script> 

<!-- Demo date picker from JQuery UI site --> 
<div class="demo"> 
    <p>Start Date: <input type="text" id="datepicker"></p> 
</div><!-- End demo --> 
<div class="demo"> 
    <p>End Date: <input type="text" id="datepicker2"></p> 
</div><!-- End demo --> 

をそして、私はCSS float:left;を持って<div class="left-col"></div>でそれを包むとき、私はこの左をフロートしたいと思います、しかし、jQueryのUIの機能はもう動作しません。 。

この問題を解決する方法はありますか？

ありがとうございます！

Answer 1

汚いソリューション：

が別のdivにそれを入れて、フロートは：、あなたがそれをソートする必要があり、私から仕事をするためのコードで

：

クリーンソリューションを残しましたクラスとその周辺のクラスCSSを使用して、矛盾しているものを確認します。

Answer 2

これをテストするためにdatepicker jQスクリプトを提供していないので、右に浮かせたときにどのように動作しないのかわかりません。私の推測では、それは要素を探しているが、別のdivにあることを指定していないということです。ここで

が、それは左浮かんだ...

http://jsfiddle.net/DMNad/