cssmargin合并+浮动

2018-05-06  本文已影响0人  横竖撇捺啊

margin塌陷,通过改变css解决

margin合并,即兄弟元素a的下边界顶100,b的上边界顶100,但是二者显示出来的距离并非100+100.而且100,可通过改变结构,添加父级元素,但是一般不建议通过改变HTML来debug,故不采用给兄弟元素添加父级元素,进而触发bfc来解决,可通过添加margin像素解决

浮动:浮动元素产生了浮动流,所有产生了浮动流的元素,块级元素看不到他们,产生了bfc的元素和文本累属性(eg.将div属性设为display:inline-block;)的元素以及文本才能感受到浮动元素的存在。

上一篇下一篇

猜你喜欢

热点阅读