1.给父盒子添加overflow属性。 overflow:auto; 有可能出现滚动条，影响美观。 overflow:hidden; 可能会带来内容不可见的问题。
2.父盒子里最下方引入清除浮动块。最简单的有：
有很多人是这么解决的，但是我们并不推荐，因为其引入了不必要的冗余元素 。
3.after伪类清除浮动。 外部盒子的after伪元素设置clear属性。
4.给盒子设置高度
属性选择器
- #a>li{ border:5px solid red; }
/* 选择a下面的子级元素 */
2.#a li { border:5px solid red; } /* 选择#a下面所有的li */
3.#a>li:nth-of-type(1)+li{ border: 5px solid red; }
/* 选择#a后面的第一个li下面的第一个li */
4.#a>li:nth-of-type(1)~li { border: 5px solid red;}
/* 选择#a后面的第一个li后面的所有li */
作者：枫灬系渚侯丶
链接：juejin.cn/post/703410…
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
