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 的高度也设置成百分之百,然后采用绝对定位,随后发现只需要绝对定位就