0

Google Chrome 9 で奇妙な問題が発生しました。入力要素に左余白を指定しましたが、ページを読み込むときに Chrome がそれを無視します。

ただし、開発者ツールを開いてその特定の宣言をオフにしてから再度オンにすると、マージンが正しく適用されます。

問題のルールは次のとおりです。

margin: 8px 0 0 33%;

ユニットの混合と関係があるのではないかと思いましたが、次を使用しています。

margin: 1% 0 0 33%;

私も同じ問題を抱えてる。

私が問題に気付いたのはChromeだけで、IE9とFirefox 3.6は問題なくマージンを適用しています。

これは既知の問題ですか?どうすれば回避できますか?

ところで、私は Windows 7 Ultimate 64 ビットを使用しています。他のバージョンやオペレーティング システムはまだテストしていません。

更新: Linux / Ubuntu 10.10 の Chrome 9 でもまったく同じ問題が発生しています。

4

4 に答える 4

2

フロートをクリアする必要があります。これを行うには、LIをラップするUL要素にoverflow：hiddenを追加します。

#block_contact_form ul { overflow:hidden; }
于 2011-02-24T23:00:47.943 に答える
2

私はfirebugでcssをいじり、これが機能することを発見しました:

margin-top:8px;
margin-left:33%;
于 2011-02-24T23:02:49.507 に答える
1
  1. position:relative親要素に設定(例: liOR span)
  2. この入力に対して (float:left左方向の場合) または(右方向の場合) を設定します。float:right[type:button]
于 2012-11-28T23:17:06.543 に答える
0

解決策が見つかったようですが、そのようなバグの css 解決策が不可能な場合は、常に JQuery またはプレーンな JavaScript を使用して css を設定しようとすることができます。

$(.button input).css({margin: 8px 0 0 33%});
于 2011-02-24T23:46:12.173 に答える