4

10 進数の幅 (250.5 ピクセルなど) の div と、その中に幅 100% のテーブルがあります。何らかの理由で、Chrome はテーブルの幅の小数部分を切り捨てます (例: 250.5px から 250px)。ページがレンダリングされると、div は切り上げられ、テーブルの右側と div の右側の間に 1 ピクセルのギャップがあります。代わりに div をネストすると、この問題は発生しません。

なぜこれが起こるのですか?テーブルに小数部分を保持させる方法はありますか? Chrome でのみ問題が発生しています。IE10は問題ないようです。

問題のデモ @ http://jsfiddle.net/7UrHa/

HTML: 

<div id="redDiv">
    <table id="blueTable">
        <tr>
            <td>
                Content
            </td>
        </tr>
    </table>
</div>

CSS

#redDiv {
    width: 250.5px;
    height: 250px;
    background-color: red;
}

#blueTable {
    width: 100%;
    background-color: blue;
}
4

1 に答える 1

0

詳細な説明については、これを参照してください。

基本的に、パーセンテージ幅の場合、はい、尊重されます。ただし、Chrome は小数ピクセルを切り捨てます。

于 2013-09-06T17:24:18.520 に答える