display常见用法属性：inline（可以在导航栏里把li标签变成水平），block，inline-block，none（隐藏元素，并且不会占据元素本该占据的空间），flex.
max-width属性。可以指定最大宽度，类似于百分之百的效果，也类似于响应式，让你的页面在手机上也能很好的展示。
人们慢慢的意识到传统的盒子模型不直接，所以他们新增了一个叫做 box-sizing 的CSS属性。当你设置一个元素为 box-sizing: border-box; 时，此元素的内边距和边框不再会增加它的宽度。这里有一个与前一页相同的例子，唯一的区别是两个元素都设置了 box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}```
这样可以确保所有的元素都会用这种更直观的方式排版。
使用inline-block可以实现类似浮动的功能
position:absolute;相对于祖先中，最近的，已定位的元素定位，属性如果找不到满足条件的，就相对应最外面的的包含块定位<html>