css避坑指南

html行内元素就这几个：a、b、span、img、input , 行内元素是靠内容充满，无法设置宽高
要想设置padding、margin之后容器大小仍保持原样，可以使用box-sizing:border-box;, 需要注意的是padding、margin设置在子元素上是不起作用的，必须加在当前元素上
页面的划分问题：常见使用flex布局，先指定其他元素的width大小，然后来个flex:1;对剩余的宽度进行均分
flex布局下：元素的左右对齐 - justify-content: right; 默认左对齐
flex元素间距：gap:10px;
flex方向：flex-direction: column;默认为row
后端管理系统布局： top和left都是position: fixed;, top通常高度设为50~60px; left通常宽度220px,高度100%；rightpadding:60px 15px 0 220px;