React入门设计（一）：关于左侧导航栏无法撑满屏幕问题。

React入门设计（一）：关于左侧导航栏无法撑满屏幕问题。

根据网上的方法：

html,body{ width: 100%; height: 100%; } .lelfNav{ background-color: #282c34 ; width: 150px ; height: 100%; } ```css 但是实际并没有效果，还是这b样。

还是只占有了屏幕左侧的一部分。

原因

当设置指定类的高度百分比的时候，是相对于其父块的高度。但是在React的index.html上 所有的块都声明在 div id=‘root’下，所以100%无效，因为root 块没有改变。 解决方式： 我试过了将root div 的高度也设置成百分之百，然后采用绝对定位，随后发现只需要绝对定位就可以将leftNava挂在html下 float却不行。我也不知道为啥。。

.lelfNav{ background-color: #282c34 ; width: 150px ; position: absolute; top: 0px; left: 0px; height: 100%; } //加上上面html 和body的css