5

GWT プロジェクトの問題をデバッグしているときに、要素にマウスを合わせると、ツールチップにそのサイズが表示され、画面内のサイズと位置を示す影付きの領域が表示されることに気付きました。ただし、その要素を選択して「計算されたスタイル」属性を表示すると、幅は同じですが、高さがツールチップとは異なります (ゼロです)。

これは疑問に思います: Chrome がツールチップに表示しているサイズは何ですか? 計算されたスタイルがゼロの場合、非ゼロになるのはなぜですか?

また、要素のボックス モデルを示す「メトリック」領域には、高さゼロのサイズが表示されます。

ここに私が話していることについての画像があります: http://img845.imageshack.us/img845/1766/96984162.png

4

2 に答える 2

0

doctype にエラーがある可能性があります。これにより、要素が異常なボックス モデルでレンダリングされる可能性があります。W3C 検証を通じてマークアップを実行してみましたか? doctype の前に表示されるコードはありますか?

コードの先頭に誤って print_r() を残したときに、この問題に遭遇しました。

于 2011-05-24T06:39:47.593 に答える
0

ツールチップには、検査された要素の有効な offsetWidth/offsetHeight が表示されますが、計算されたスタイルには、要素の計算されたスタイル値が表示されます。WebKit は、「display: inline」要素に対して「auto」ではなく「0px」を誤って返します。「display: table-cell」要素にはまだ当てはまると思います。

于 2011-11-22T09:45:32.000 に答える