关于padding值不包含在width里面的问题，可能和box-sizing有关
这个是w3school对box-sizing的解释： box-sizing: content-box|border-box|inherit; 值 描述 content-box 这是由 CSS2.1 规定的宽度高度行为。 宽度和高度分别应用到元素的内容框。 在宽度和高度之外绘制元素的内边距和边框。 border-box 为元素设定的宽度和高度决定了元素的边框盒。 就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。 通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 inherit 规定应从父元素继承 box-sizing 属性的值。 当 box-sizing: centent-box 时： 盒子的width = css中设置的width值 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>CSS box-sizing属性学习</title> </head> <style type="text/css"> div{ width: 80px; border: 2px solid green; margin: 20px; padding: 20px; font-size: 20px; color: red; font-family: "Microsoft YaHei";