遇见的一些问题汇总（css篇）

 

1. 高度不继承问题

想要实现的效果：第三级盒子铺满屏幕
遇见的问题：第一级已经设置了100%，但是第三层没有铺满
问题所在：第二层没有设置高度100%
解决方法：第二层高度设置为100%
 
 

2. css中的清除浮动

想要实现的效果：清除浮动
遇见的问题：无
问题所在：无
解决方法：可在父元素的伪元素设置 content: “”; display: block; clear: both room：1
 
 

3. css中的选择器

想要实现的效果：除了第几个的选择器
遇见的问题：无
问题所在：无
解决方法：nth-child(n + 5)是超过5包括5的。nth-child(4n)是四的倍数，p:nth-of-type(4) 第四个p。div:not(:first-child)div子元素的除了第一个子元素。