2011-08-28 9 views
1

Chrome 13.0.782.215 Linuxで次のように表示すると、divが5pxよりも高すぎます。インスペクターを見ると、クロムはコンテンツの高さを37px(境界線の場合30 + 5 + 2 * 1)と計算しているようです。 5pxはバグですか? Firefox 3.6または6.0ではこの問題は表示されません。この場合Chromeのサイジングバグや誤解ですか?

http://jsfiddle.net/drpXE/5/

+0

私はあなたが提供したリンクからWindows 7でも見ています。これまで仕事に取り組んでいたことに気がつき、何が原因で起こったのか分からなかった。 – b01

答えて

1

http://jsfiddle.net/drpXE/12/

それは単にインラインテキストとテキストエリアの位置だ、余分なパディングではありません。それをテキストの上や真ん中のようなものに垂直に設定すると、余分な5ピクセルが消えるのがわかります。

textarea 
{ 
    height:30px; 
    vertical-align: text-top; 
} 

すべては、divに追加する項目とその表示方法によって異なります。

+0

ベースライン以外に垂直調整を変更すると問題が解決するように見えるので、これはクロムバグのようです。 – JRG