資源簡(jiǎn)介
在我們通過(guò)一個(gè)div ul li的簡(jiǎn)單模式中,如果將li進(jìn)行浮動(dòng),來(lái)橫向排列,也就是添加float:left。那么在不固定div和ul的高度的時(shí)候,就會(huì)造成元素塌陷。
解決方式是使用偽元素after來(lái)?yè)伍_(kāi),即給ul添加一個(gè)after。
該方法對(duì)于絕對(duì)浮動(dòng)元素(position: absolute;)的父級(jí)添加,也是有效的。
這樣可以靈活的控制元素高度,避免出現(xiàn)塌陷。
代碼片段和文件信息
評(píng)論
共有 條評(píng)論