Question

我不是说我懒得做数学，但是有更好的方法来执行这项任务：我有一个宽度为960px的页面，里面有2个宽度为50％的div。这很简单，但如果我想添加1px边框，我必须计算960 / 0.5减去边框的额外像素，它们应该是4px但奇怪的是它们被计为2px（2个div的左右两边对吗？）。此外，当我添加边距和填充时，我必须再次计算所有内容。假设我添加10px的保证金，我必须将％转换为px，有时它会给我烦人的数字，如760.25px。我想知道你是否正在使用更好的方法，或者如果没有必要这样做。感谢。

Answer 1

如果使用容器的固定宽度，为什么要使用％作为内部DIV。除非你使用百分数，否则没有任何意义。当然你可以使用盒子大小，但它会伤害旧的浏览器。

Answer 2

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

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

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

Answer 3

框大小调整CSS属性（如果你不关心IE＆lt; 8）

Answer 4

如果您的“div”有背景图片，您可以通过在背景图片中集成边框来破解。

但是如果你的“div”有一个固定的宽度，你应该计算宽度，以便与其他网络浏览器没有任何意外。

在CSS中计算Pixel和％的更好方法（或替代方法）？

4 个答案: