React如何给div设置100%背景图

使用内联样式总是失败，最终还是通过单独写css实现了。

要解决几个问题：

1. body为自适应的，所以即使设置body第一个布局div高度为百分比也是无效的，因为div解析上级高度为0，自然div height 100%实际高度也为0。

2. 需要将div的父元素html、body、root根节点设置为100%。

3. body有一定的margin,也就是body默认有margin-top和margin-bottom所以设置100%高度之后body多余的margin值显示不完整，出现下拉滚动条，要想正确显示的话就要对body设置margin为0.

CSS文件内容如下：

html, body, #root{

    height: 100%;

}

body{

    margin: 0;

}

.yourDivClass{
    background-image: url(./img/1.jpg);
    height: 100%;
}