当 1 px 边框添加到 div 时，Div 大小增加，不想这样做

小编典典

当 1 px 边框添加到 div 时，Div 大小增加，不想这样做

all

单击时，我添加 1px 边框到 div，因此 div 大小增加 2px X 2px。我不想让 div 大小增加。有什么简单的方法吗？

凌乱的详细解释
实际上我正在将带有float：left（相同大小，如图标）的DIV添加到容器div中，所以所有的东西一个接一个地堆叠起来，并且当（容器div宽度为300px）没有空间离开宽度方向所以子
DIV 位于下一行，因此它类似于目录，但由于边框只有选定的 DIV 大小增加，选定 DIV 下的 DIV 向右移动并在选定 DIV 下方创建空白空间。

编辑：
减少选择的高度/宽度，但如何增加它。使用一些 3rd 方框架，所以当 DIV 失去选择时没有事件..

阅读 83

2022-07-18

共1个答案

小编典典

边框 css 属性将增加所有元素的“外部”大小，表中的 tds 除外。您可以在 html->layout 选项卡下直观地了解它在
Firebug（已停产）中的工作原理。

举个例子，一个宽度和高度为 10 像素，边框为 1 像素的 div，其外部宽度和高度为 12 像素。

对于您的情况，要使其看起来像边框位于 div 的“内部”，在您选择的 CSS 类中，您可以将元素的宽度和高度减小一倍边框大小，或者您可以对元素填充。

例如：

div.navitem
{
    width: 15px;
    height: 15px;
    /* padding: 5px; */
}

div.navitem .selected
{
    border: 1px solid;
    width: 13px;
    height: 13px;
    /* padding: 4px */
}

2022-07-18