sunraining1的专栏

box-sizing：https://www.runoob.com/cssref/css3-pr-box-sizing.html允许你以某种方式定义某些元素，以适应指定区域。例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。 content-box 这是 CSS2.1 指定的宽度和高度的行为。指定元素的宽度和高度（最小/最大属性）适用于box的宽度和高度

position：https://www.runoob.com/cssref/pr-class-position.html指定一个元素（静态的，相对的，绝对或固定）的定位方法的类型。absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 fixed 生成固定定位的元素，相对于浏览器窗口进行定位。 元素的位置

display：https://www.runoob.com/cssref/pr-class-display.html规定元素应该生成的框的类型none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block 行内块元素。（CSS2.1 新增的值） list-item 此元素会作为列表显示。 run-in 此元素会根据上下文作

设置absolute需要设置对照控件的positon是relative 父类设置了border-radius，需要设置overflow: hidden，不然会被子类覆盖。（子控件会把父类的border-radius遮住，产生无效的错觉） 一行2列，需要设置item为flex: 0 0 50%;max-width: 50%; 设置控件为固定宽高，如果还要设置padding、margin，则需要设置box-sizing: border-box; 有设置宽实际宽度=width+padding+margin

属性：box-sizing、box-sizing：https://www.runoob.com/cssref/css3-pr-box-sizing.html允许你以某种方式定义某些元素，以适应指定区域。例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。 content-box 这是 CSS2.1 指定的宽度和高度的行为。指定元素的宽度和高度（最.

csshttps://www.runoob.com/css/css-tutorial.htmlhttps://developer.mozilla.org/zh-CN/docs/Web/CSS

参考网址https://www.cnblogs.com/cisum/p/12195515.html