我刚开始写页面那会儿，特别不理解为什么老师总让“用div包一层”。按钮外面包个div，标题外面包个div，图片和说明文字外面再包个div。后来自己动手改一个后台管理界面，左侧导航栏和右侧内容区死活对不齐，调了半天margin和padding，最后发现给它们共同的父级加一个`display: flex`就解决了。那个父级，就是一个div。

div的接口其实就是它的class和id。浏览器不认识“侧边栏”或者“卡片容器”这种语义，它只认标签名和属性。你写`