2 beamon  Beamon__ 于 2017.09.05 15:39 提问

现有一个DIV设置好样式后,在浏览器显示时,该DIV却发生了小于以像素的改变

图片说明
图片说明
如图所示,一个块状元素设置好样式后,在浏览器显示时,该元素的宽和高属性均发生了小于一像素的改变(之前打开还是好好的,突然变成了这个样子),这是什么原因导致的呢?有什么解决方法或预防方法?还望大神们可以指点下

3个回答

qq_39735035
qq_39735035   2017.09.05 15:41

那个div块的边框应该还要占一点位置呢

Beamon__
Beamon__ 可是我的宽和高都设置的固定值啊,而且通过浏览器控制台已经可以看出来设置的style样式都已经生效了,但盒模型却显示出现了偏差值,并且浏览器实际显示结果是以盒模型样式的属性值进行显示的,实在令人费解
3 个月之前 回复
cal_cen
cal_cen   2017.09.06 14:52

没仔细看过这种情况,一般情况下,都是给好宽高,如果需要padding,则加上box-sizing: border-box;

sunny_desmond
sunny_desmond   2017.09.06 21:55

设置样式reset了吗? *{margin:0;padding:0;} 这种的~~

sunny_desmond
sunny_desmond 回复Beamon__: 试试 box-sizing: border-box 行高line-height 设置20px 或者18px 试试
3 个月之前 回复
Beamon__
Beamon__ 已设置通用样式,但浏览器还是出现了偏差值
3 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片