在CSS中计算像素和百分比的更好方法（或替代方法）？

我并不是说我懒于做数学，但有没有更好的方法来完成这项任务：

---

我有一个宽度为960px的页面，里面有两个div，宽度为50%。这很简单，但如果我想添加1px边框，我必须计算960/0.5减去额外的边框像素，它们应该是4px，但奇怪的是，它们被计算为2px（右二等分的左侧和右侧？）。此外，当我添加边距和填充时，我必须再次计算所有内容。假设我加上10px的边距，我必须把%转换成px，有时它会给我一些恼人的数字，比如760.25px。我想知道你是在使用更好的方法，还是没有必要这样做。谢谢。

框大小CSS属性（如果您不关心IE框大小CSS属性（如果您不关心IE如果您使用固定宽度的容器，为什么要将%用于内部DIV。除非您使用百分比，否则没有任何意义。当然可以使用框大小，但它会伤害旧浏览器。

如果您使用固定宽度的容器，为什么要将%用于内部DIV。除非您使用pe，否则没有任何意义rcents。当然可以使用框大小调整，但这会损害旧浏览器。

如果您的“div”有背景图像，您可以通过在背景图像中集成边框来进行攻击

但是如果你的“div”有一个固定的宽度，你应该计算宽度，这样对其他浏览器就不会感到意外。

如果你的“div”有一个背景图像，你可以通过在背景图像中集成边框来进行黑客攻击

---

但如果您的“div”具有固定的宽度，则应计算宽度，以便在其他web浏览器中不会出现意外情况。

您可以添加更多用于调整大小的元素：

<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>

---

您可以对没有边距、边框或填充的元素使用百分比，也可以对内部具有自动宽度的元素使用边距、边框和填充。

您可以添加更多元素以调整大小：

<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>

---

你可以对没有边距、边框或填充的元素使用百分比，也可以对内部具有自动宽度的元素使用边距、边框和填充。

为什么要使用%来实现像素完美？像素完美是万恶之源。我是这里唯一的像素完美主义者？使用百分比和ems的人通常都有e非常不吸引人的网站。以stackoverflow为例，它很可怕。很明显，你为什么要使用%来实现像素完美？像素完美是万恶之源。我是这里唯一的像素完美主义者？使用百分比和ems的人通常有非常不吸引人的网站。以stackoverflow为例，它是太可怕了。我不太明白你的意思。我的想法是，那些内部div将根据其容器的固定宽度（比如960px）来适应使用百分比，这样我就不必一直用960px做数学运算。我不太明白。我的想法是，那些内部div将根据其容器的固定宽度来适应使用百分比说960px，这样我就不必一直用960px做数学题了。我希望我不必在意，但为了可访问性我还是要在意。我希望我不必在意，但为了可访问性我还是要在意。