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

为什么给div加上宽度之后,我再加上padding左右两边的值,div的width再审查元素没有变?

为什么给div加上宽度之后,我再加上padding左右两边的值,div的width再审查元素没有变?

慕码人1461820 2017-10-07 22:29:04
<!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title>Document</title>     <style>         div{             width: 300px;             height: 300px;             background: red;             padding: 0 20px;         }     </style> </head> <body>     <div>  </div> </body> </html>设置了300px的宽度,加上padding不是应该有340px吗?为什么审查元素div的width没有变,而实际样子变了?
查看完整描述

5 回答

?
cnyballk

TA贡献148条经验 获得超93个赞

你怕是有毒,你看样式表的width肯定不会变,变的是实际的宽,你检查你的div元素就知道了,楼下有

查看完整回答
反对 回复 2017-10-09
?
夏彧

TA贡献1条经验 获得超0个赞

你需要了解一下盒子模型,


查看完整回答
反对 回复 2017-10-08
?
Developer_Zuck

TA贡献112条经验 获得超42个赞

你是怎么审查元素的?这边我用谷歌浏览器的调试模式查看了一下,确实是340px,看附件的图片。

具体做法就是用F12键,然后CTRL+SHIFT+C组合键打开元素获取器,放到你需要查看的任意位置。

//img1.sycdn.imooc.com//59d9976000018c6601830173.jpg

//img1.sycdn.imooc.com//59d9976100011a9d03490339.jpg


查看完整回答
反对 回复 2017-10-08
?
夜未央arc

TA贡献9条经验 获得超2个赞

再说了,他们也没有直接的关系。

查看完整回答
反对 回复 2017-10-08
?
夜未央arc

TA贡献9条经验 获得超2个赞

请一下缓存看看

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

添加回答

举报

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