第一个是外边距无效的问题
给一个父元素div 给一个子元素div，设子元素margin-top：10px ，结果无效，父元素和子元素边框重合。
w3c给的解释是：
外边距合并
1.当一个元素出现在另一个元素上面，元素1下外边距于元素2上外边距可能会重合
2.当一个元素包含另一个元素中，没有内边距或者边框的情况下，边距也会重合
3.空元素没有边框或填充时，上下外边距碰到了一起也会发生合并。
（对不起我没怎么看懂
避免重合具体解决方法：
1.给父元素添加padding-top
2.给父元素添加overflow：hidden；
3.父元素加border
4.通过浮动或者绝对定位
其次，今天在自适应上磨蹭了半天，因为自己的习惯是设置百分比宽度，总是喜欢div宽度百分比30%，margin-left：35%，通过这种方法来得到居中效果。
然后由此 在响应式的时候 页面大小变化会很麻烦，比如在最小的时候想取消margin-left，效果很差。
以后居中都使用
margin-left：auto
margin-right:：auto
以上
转载请注明原文地址: https://ju.6miu.com/read-14274.html
