css - 当向 div 添加 1 px 边框时,Div 大小增加,不想那样做

标签 css html border

<分区>

点击我正在添加 1px 边框到 div,因此 Div 大小增加 2px X 2px。 我不想增加 div 大小。有什么简单的方法吗?

乱七八糟的详细解释
实际上,我正在将带有 float:left (相同大小,如图标)的 DIV 添加到容器-div,因此所有东西都一个接一个地堆叠起来,当(容器-div 宽度为 300px)没有左侧宽度的空间时,子 DIV 出现在下一行,所以它像目录,但由于边框只有所选 DIV 大小增加,所选 DIV 下的 DIV 向右移动并在所选 DIV 下方创建空白空间。

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

最佳答案

这在这种情况下也很有帮助。它允许您在不更改 div 宽度的情况下设置边框

textarea { 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

取自http://css-tricks.com/box-sizing/

关于css - 当向 div 添加 1 px 边框时,Div 大小增加,不想那样做,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3254587/

相关文章:

HTML 背景颜色泄漏

html - 图像溢出边界

HTML+CSS 表格,设置边框麻烦

css 旋转伪 :after or :before content :""

css - 当我在 IE 中单击 svg 文本时,它消失了

python - Tex 标记,如何使用 Python 在 Html 中呈现它?

css - 在 IE6 中我的 map 下有 1px 实线边框

支持移动和 Web 布局的 HTML 电子邮件模板框架

php - 在配置文件选项卡中添加列结构(如网格)

javascript - polymer 的双向数据绑定(bind)在元素的子属性值中不起作用