我不知道该怎么办。https://jsfiddle.net/eL5gn73s/大的是div,小的是缩小的按钮。按钮的大小应该与div相同,而不是相反。从div更改为按钮后,按钮缩小到小于div的大小(47px)。第一个
xesrikrc1#
给它们都加上一个display:block(或inline-block),并把box-sizing:content-box加到它们上面,然后把box-sizing加到它们上面(border-box)至于完整的答案:这与border-box和content box有关,这与div到button不同Button使用较小的值,而div使用较大的值。
display:block
inline-block
box-sizing:content-box
box-sizing
border-box
content box
div
button
content-box uses the size + padding + borders border-box uses size + padding - borders
所以你的4px X 2边界半径必须添加到按钮,使其与div相同的大小。这里我显示了固定的,然后原始的比较(所有作为内联块只是为了视觉)注意,第一组是相同的大小,第二组DIV。希望这能给出更好的解释,以及如何“修复”它。第一次
bqjvbblv2#
尝试编辑.exitpage2 css中的按钮,如下所示
.exit.exitPage2 { background: red; width: 50px; height: 50px; }
如果您将高度和宽度设置为所需的量,它应该会执行您需要的操作
2条答案
按热度按时间xesrikrc1#
给它们都加上一个
display:block
(或inline-block
),并把box-sizing:content-box
加到它们上面,然后把box-sizing
加到它们上面(border-box
)至于完整的答案:这与
border-box
和content box
有关,这与div
到button
不同Button使用较小的值,而div使用较大的值。
所以你的4px X 2边界半径必须添加到按钮,使其与div相同的大小。
这里我显示了固定的,然后原始的比较(所有作为内联块只是为了视觉)注意,第一组是相同的大小,第二组DIV。
希望这能给出更好的解释,以及如何“修复”它。
第一次
bqjvbblv2#
尝试编辑.exitpage2 css中的按钮,如下所示
如果您将高度和宽度设置为所需的量,它应该会执行您需要的操作