div 接口
打开任何一个网页，按下F12，你大概率会看到满屏的`
我刚开始写页面那会儿，特别不理解为什么老师总让“用div包一层”。按钮外面包个div，标题外面包个div，图片和说明文字外面再包个div。后来自己动手改一个后台管理界面，左侧导航栏和右侧内容区死活对不齐，调了半天margin和padding，最后发现给它们共同的父级加一个`display: flex`就解决了。那个父级，就是一个div。
div的接口其实就是它的class和id。浏览器不认识“侧边栏”或者“卡片容器”这种语义，它只认标签名和属性。你写`
有人会问，HTML5不是有`
一个容易踩的坑是div的默认宽度。块级元素会占满父容器的一整行，哪怕你里面只放了一个字。想让两个div并排，要么用`float`（老办法，还得清浮动），要么用`inline-block`（注意元素间的空白符会捣乱），要么直接上`flex`或`grid`。我现在的习惯是：只要涉及多列布局，父级div直接写`display: grid`，子项用`grid-template-columns`分配比例。代码干净，不用算百分比。
还有件事挺有意思。早期网页喜欢用`
