前端里为什么有的相同的内容要用两个div标签呢？比如下面这个

图中这部分内容，两个div标签显示的内容是一样的啊？为什么还要用两个div标签呢？

你看看类的属性和盒子的范围，他俩肯定有区别的

一个是父元素 一个是子元素 啊 。 嵌套起来 说明需要这样布局，父元素 会有样式，

这涉及到div的嵌套布局，外层div与里层div的样式不同

一个是包在外面 的

这叫元素得单一原则，在html 里，布局样式，尽量遵循单一原则，即不要把所有属性样式都设置到一个元素上，否则后面改起来会比较费劲，
不是说不能放在一个上面，只是遵循这样得原则算是一种比较好得习惯，每个元素各司其职，比如，有得元素只是用来做定位，做边距等，有的是为了设置元素盒子大小，这样得话你得代码看起来会比较有层次感，像最早得时候嵌入式开发， 前端写静态页面完成后，交给后端嵌入，写一些循环，什么判断显示隐藏，如果你得代码写成一坨，后端嵌套也会很费劲。