正式写代码的第一天

转岗做前端的第一天，记录下遇到的问题。

父元素是 li，子元素设置了浮动 float：left。当只有一个 li 时，看不到问题，当两个 li 时，排版乱掉了（应该是高度塌陷问题吧）

 

解决办法：给父元素 li 添加 overflow:hidden，问题解决。

 

 

当父元素的高度是靠子元素撑开的时候，子元素浮动时，则在父元素使用overflow: hidden可以清除浮动，使得父元素的高度依旧是靠子元素撑开。

转载于：https://www.cnblogs.com/Likebard/p/5899512.html