9

私は本当に奇妙な問題に遭遇しました。( http://jsfiddle.net/Fq68D/ )

HTML

<div>
    <p>Hello World!</p>
</div>

CSS

div {
    display:inline-block;
}
p {
    background-color:#ccc;
    padding:10%;
    white-space:nowrap;
}

Firefox では期待どおりに動作し、テキストは p に収まり、パディングがあります。

Chrome と IE では、テキストが箱から出てきます。

ここに画像の説明を入力

これは何が原因ですか?回避策はありますか?

4

2 に答える 2

12

display: inline-block;要素に追加p:

http://jsfiddle.net/Fq68D/1/

于 2013-05-09T21:38:32.110 に答える