还是盒模型 盒模型清空样式,一些标签自带样式,需要清空 效果图如下 margin 当两个盒子在垂直方向时,外边距小的会被外边距大的重合,这个现象叫做外边距塌陷。 父盒子和子盒子也会出现margin塌陷现象 解决办法:①给父盒子加一个边框 方法② 用父盒子的padding 属性挤出来 居中问题 文字水平居中-text-align属性 文字垂直居中 子盒子在父盒子内居中 盒子水平居中 盒子垂直居中 父子盒模型 父盒子的内容区域≥子盒子的width+padding2+border2 溢出现象 如果不设置子盒子宽度,它会自动撑满父盒子的宽度