3

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ブラウザで問題ありません)

4

2 に答える 2

1

cssで次を試してください:

#div1{width:200px;margin-right:10px;float:left;}
#div2{width:760px;float:right;}

これで選択の問題が解決されることを願っていますが、固定サイズを使用しているため、ウィンドウサイズが小さすぎると壊れてしまいます。

于 2009-05-21T13:08:59.707 に答える
0

css のみを使用して Webkit ブラウザーをターゲットにする場合:

@media screen and (-webkit-min-device-pixel-ratio:0)
{    
    "element/class or id here"{
      whatever you need here, ie: padding-top: 24px;
    }    
}  
于 2009-12-15T10:10:06.033 に答える