css – 当1像素边框添加到div,Div大小增加,不要这样做

前端之家收集整理的这篇文章主要介绍了css – 当1像素边框添加到div,Div大小增加,不要这样做前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
点击我添加,1px边框到div,因此Div大小增加2px X 2px。
我不想得到div大小增加。有什么简单的方法吗?

凌乱详细说明
实际上,我添加了DIVs float:left(相同的大小,像图标)到一个容器的div,所以所有堆叠一个接一个,当(container-div的宽度是300px)没有空间左宽度,所以孩子DIVs在下一行,所以它就像目录一样,但是因为边框只有选择DIV大小得到增加,DIV在选择的DIV下右移并在选中的DIV下面创建空白。

干杯,

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

解决方法

border css属性增加所有元素“outer”的大小,除了表中的tds。您可以在html->布局选项卡下获得Firebug中如何工作的视觉概念。

作为示例,宽度和高度为10px,边框为1px的div将具有12px的外部宽度和高度。

对于你的情况,要使它看起来像边框在div的“内部”,在你选择的CSS类中,你可以减少元素的宽度和高度加倍你的边框大小,或者你可以做同样的元素填充。

例如:

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

div.navitem .selected
{
    border: 1px solid;
    width: 13px;
    height: 13px;
    /* padding: 4px */
}
原文链接:https://www.f2er.com/css/222618.html

猜你在找的CSS相关文章