HTML+CSS+JavaScirpt “创建了一个div，给其设置padding后， 此div内的hr标签无法抵达div左右边框线”的解决方法

“创建了一个div，给其设置padding后， 此div内的hr标签无法抵达div左右边框线”的解决方法

效果:

代码：
HMTL

CSS

解决方法：
设置一个最外层div，此div不设置padding或设置padding为0；
给其内容进行分块（给每个需要用hr水平线分割的内容分别设置div）
分块之间再使用hr标签，hr水平线就可以抵达最外层div的左右边框线

修改后效果：

代码：
HTML

CSS

提示：
.first1 和 .first2的padding可以缩写成padding:10px;
写成padding:10px 10px 10px 10px;是为了方便修改 padding的值

作者微信
Siri0768

欢迎交流