box-sizing: content-box;width: 320px;内容不是全部宽度:内容区装文字和图片;内边距在内容周围留出呼吸空间,边框包住它们,外边距再把它与邻居隔开。
布局看实际占用:当多个元素并排时,浏览器要计算它们实际占多少空间。检查开发者工具中的盒模型,才能知道挤出的是内容、padding、border 还是 margin。
请检查这两列卡片的盒模型,说明内容宽度、padding、border 和 margin 各占多少。桌面上保持两列,390px 时不能横向溢出;改完后用开发者工具确认实际尺寸。