2つのfloatdiv要素を設定したときに問題が発生しました。divの1つにselect要素が含まれていますが、ページが読み込まれたときにdivに問題はありませんでしたが、選択ボックスの要素をクリックするとすぐにdivが表示されます。右シフトで下に配置されていますか?
ここに私が話していることについてのいくつかのサンプルコードがあります:
#div1,#div2{float:left}
#div1{width:200px;margin-right:10px}
#div2{width:760px}
とhtml
<div id="wrapper">
<div id="div1"><!--here the select goes--></div>
<div id="div2"><!--here the table goes--></div>
</div>
そして、ここで前後に起こっていることのスクリーンショット:
スクリーンショット
JavaScriptはまったく含まれていません
Opera(Presto)、Firefox(Gecko)、IE8(Trident)でテストしましたが、問題ありません。Chrome2、SR Iron、QTWebでテストしたので、Webkitベースのブラウザーでのみ表示されるようです。
PS:醜いテーブルヘッダーを無視してみてください、すぐに修正します(現在、Opera、Firefox、IE8ブラウザで問題ありません)