2017-06-16 17 views
0

異なる動作:0クロスブラウザ

table { width: 100%; border-spacing: 0; border-collapse: collapse; } 
 
td { padding: 0; margin: 0; border: 1px solid black; }
<table><tr><td style="width:0">left</td><td>right</td></tr></table>

ここでは、コードスニペットである:我々は、100%にテーブルの幅を設定し、そして0

1つの表のセルの幅を設定します

レンダリングの結果は、他のブラウザよりもGoogle Chromeで大きく異なります。どのレンダリング結果がが正しいのですか??あるいはそのような状況についての仕様はありますか?

enter image description here

+0

consensencyのCSSリセットを試してみてください。ここにはリンクhttps://necolas.github.io/normalize.css/が役立ちます。 –

+0

@ChandraShekhar私はどちらが正しいか、どのようにハッキングするかを尋ねていますそれ。 – tsh

+0

「正しいもの」はありません。常に使用しているブラウザによって異なります。 [Vendor Prefixes](https://developer.mozilla.org/en-US/docs/Glossary/Vendor_Prefix)を使用すると、他のブラウザを使用していても、レンダリングされた要素は期待していたものと同じになります – Swellar

答えて

0

ディスプレイを使用する:曲げます。フロート:左。同じ結果とブラウザでの表示が得られます。

関連する問題