子級(jí).title的marginTop影響了父級(jí).contain兴溜,效果圖如下:
image.png
造成的原因:父級(jí)和自己之間沒(méi)有其他元素間隔,所以他們之間的margin就會(huì)共用舀武。
其他元素指的是:非空元素殖蚕、padding溪王、border等
解決方法:
1.給父級(jí)元素設(shè)定:overflow:hidden;
2.給父級(jí)添加padding或者border
3.父級(jí)使用float或者position:absolute
采用了1的處理方式,結(jié)果如下:
image.png