Chrome 和 IE 在box-sizing 设置不同的值的表现

默认 box-sizing 是content-box

　　　　　　　　　　Chrome　　　　　　　　IE

width　　　　　　　　169　　　　　　　　　　149

offsetWidth　　　　　　177　　　　　　　　　　153

bounding width　　　　177　　　　　　　　　　153

 

box-sizing 修改成border-box

　　　　　　　　　　Chrome　　　　　　　　IE

width　　　　　　　　177　　　　　　　　　　149

offsetWidth　　　　　　177　　　　　　　　　　153

bounding width　　　　177　　　　　　　　　　153

 

可见改成border-box之后，Chrome给出的宽度变成了整体宽度，而IE还是内容区的宽度

posted @ 2020-06-22 14:57  内心澎湃的水晶侠  阅读(285)  评论(0)  编辑  收藏  举报