0

私は数学をするのが面倒だと言っているわけではありませんが、このタスクを実行するためのより良い方法があります：幅：960pxのページがあり、その中に幅：50％の2つのdivがあります。これは非常に簡単ですが、1pxの境界線を追加する場合は、960 / 0.5から境界線の余分なピクセルを差し引いて計算する必要があります。4pxである必要がありますが、奇妙なことに2pxとしてカウントされます（2 divの左側と右側？）。また、マージンとパディングを追加するときは、すべてを再計算する必要があります。10pxのマージンを追加すると、％をpxに変換する必要があり、760.25pxのような厄介な数値が表示されることがあります。あなたがより良いアプローチを使用しているかどうか、またはこのようにする必要がないかどうかを知りたいです。ありがとう。

4

4 に答える 4

2

コンテナの固定幅を使用する場合、なぜ内部DIVに％を使用するのでしょうか。パーセントを使用しない限り、意味がありません。確かにボックスサイズを使用することはできますが、古いブラウザを傷つけることになります。

于 2009-12-17T09:02:04.370 に答える
1

サイズ設定のためにさらに要素を追加できます。

<div style="width:960px;overflow:hidden;">
  <div style="float:left;width:50%;">
    <div style="margin:5px;border:1px solid #000;padding:5px;"></div>
  </div>
  <div style="float:left;width:50%;">
    <div style="margin:5px;border:1px solid #000;padding:5px;"></div>
  </div>
</div>

余白、境界線、またはパディングのない要素にはパーセンテージを使用でき、自動幅のある内部の要素には余白、境界線、およびパディングを使用できます。

于 2009-12-17T09:29:16.403 に答える
0

ボックスサイズのCSSプロパティ（IE <8を気にしない場合）

于 2009-12-17T08:59:41.033 に答える
0

「div」に背景画像がある場合は、境界線を背景画像に統合してハッキングできます。

ただし、「div」の幅が固定されている場合は、他のWebブラウザーで驚かないように、幅を計算する必要があります。

于 2009-12-17T09:04:47.277 に答える