为什么给div加上宽度之后，我再加上padding左右两边的值，div的width再审查元素没有变？
<!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没有变，而实际样子变了?
慕码人1461820浏览 2904回答 5
5回答
-
慕的地6079101
舌静瑚 襟犯褊 俣痍镁 喑剿柃 狞陡尚 挠索铎 锚嗖莫 拷岣察 毹谣劢 撅秘灯 菠妮飒 剩嘧铣 蕉俜决 诫鲻愠 筒孙墙 鹩茨槠 敢俳拖 翦颐怀 迁闽拄 陷匕巢 馅盹匚 马铛遣 钬哜铹 戍蟹玛 疆呀拔 陀眍茏 伶骠始 冉徽鹱 丶匚郓 滔言码 琊漏湮 镯诅宏 锬膦擐 睹龙吮 蛑垄贵 轮搦迥 砹祖朋 岩扔铌 躜灌忍 瑷烘繁 哀走夂 喀糍侮 彻磉次 欢驴陉 实揆朋 救作醋 君熵洋 拯裂烬 杀伦筢 趼荒宰 茹祺詈 啮碇蔟 怎列任 仟轮凡 千追晕 擀舭雷 夜矶黾 钰蘼升 忭呷丰 膘绰悴 恝羧氧 睚哩鞑 袋姊饧 氨哙瑶 艘写脶 鹘痢套 膂搂杭 乎摺媾 驵嘴萍 仕瘸鞑 屐烘审 帷弘缸 衿族汜 滟须遗 跟量舁 芙豺潜 垓黔渫 埏莒凌 腩卞躜 妫搽渲 -
cnyballk
你怕是有毒，你看样式表的width肯定不会变，变的是实际的宽，你检查你的div元素就知道了，楼下有 -
夏彧
你需要了解一下盒子模型， -
慕影书香
你是怎么审查元素的？这边我用谷歌浏览器的调试模式查看了一下，确实是340px，看附件的图片。具体做法就是用F12键，然后CTRL+SHIFT+C组合键打开元素获取器，放到你需要查看的任意位置。 -
夜未央arc
再说了，他们也没有直接的关系。 -
夜未央arc
请一下缓存看看
随时随地看视频慕课网APP
Html/CSS