使用元素 background-image 时遇到图片显示无效的情况

        今天在学习css时，使用background-image命令，无法显示图片，让我感觉有点奇怪，是不是命令格式写错了，于是上网查了好多资料，有的是说路径问题，有的时语言问题，但这些都没有什么用，代码如下：

div{
            background-image: url("./img/shui.jpg");
        }

我的写法是没有问题的，但就是显示不了图片，于是也就随意的添加代码：

div{
            width: 1000px;
            height: 1000px;
            background-image: url("./img/shui.jpg");
        }

添加了宽和高，结果就可以了。真的时奇怪。

div的特性应该是默认100%的宽和高，我又试了一下。

 div{
            width: 100%;
            height: 100%;
            background-image: url("./img/shui.jpg");
        }

结果还是不行，是有点奇怪的，只能说对元素的理解不够咯！