浮动小技巧

浮动给我们带来了便利,同时它也有一部分的缺点


1、浮动后盒子的高度为0

解决办法:BFC

我们给他的父级元素一个overflow:hidden;会激活BFC,高度会自动计算到里面。

当然,也有其他的办法解决,比如:清除浮动,在这里我只记录了我最近用的这种方法。


2、页面缩小后,有边框的浮动元素,会掉下来,因为页面变小后,border会变宽,页面放不下自然会掉下来

解决办法:给父级盒子的宽度加大,给个overflow:hidden;

eg:

wKiom1kdGCmBw3hiAAB-1rIRP0o954.jpg



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章