2 つのメイン div を持つレイアウトがあります。各 div の幅は 45% です。それでも、さまざまなページ幅で div を検査すると、通常、div は互いに 1 ピクセル異なります。639 対 640。私はこれについてあまり気にしません。唯一の問題は、小さい div 内のアイテムが他のアイテムと適切に並んでいないことです。特定のページ幅でのみ発生しますが、正しい以上に壊れています。大きなdivの要素はどのウィンドウサイズでも整列しているようで、小さなdivはほとんどの場合間違っていますが、一部のサイズでは正しいです。
ここで何が起こっているのですか?小さな div を大きな div のように強制する方法はありますか?
幅は整数でなければなりません。
955 の 45% とは? 429.75px. それはありえない。そのため、一方が他方よりも広くなければなりません。
これはバグ/サブピクセルの問題です。
しばらく前に同様の質問をしたところ、Webkit ベースのブラウザーにはパーセンテージに関して丸めの問題があることがわかりました。
私の質問に答えるためにbookcaseyが私と共有したリンクは次のとおりです.
パーセンテージは使用しないでください。使用する場合は、幅の合計が100％を少し下回るようにしてください。100％を使用すると、常にオーバーフローとミスアライメントの問題が発生します。
残りの10％を占める別のdivがあると仮定します。したがって、おそらく両方で44％を試してください。