为了账号安全,请及时绑定邮箱和手机立即绑定

请问审查元素中,鼠标移到div的宽高,和右下角的宽高为什么会不同啊?

请问审查元素中,鼠标移到div的宽高,和右下角的宽高为什么会不同啊?

慕码人1461820 2017-10-07 22:42:50
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width: 300px; height: 300px; background: red; color: #fff; padding: 0 20px; border: 10px solid red; } </style> </head> <body> <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat blanditiis vitae repellat deleniti mollitia ab consequatur exercitationem obcaecati tenetur ea dolores totam nesciunt magnam, itaque repudiandae in harum quos optio.</div> </body> </html>为什么这两个不同? 不是都是div吗?
查看完整描述

1 回答

?
西兰花伟大炮

TA贡献376条经验 获得超318个赞

细心观察一下,大兄弟,你那是包括了padding跟border的,看看style旁边的computed里面

查看完整回答
反对 回复 2017-10-08
  • 1 回答
  • 0 关注
  • 1211 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信