Html div元素高度问题

我一直在为我的一个朋友的网站做css布局，可能遇到了一些问题。希望你能帮我

我有一个带有主体的html和一个内容博客div。 除了内容博客div之外，其他一切似乎都很好。 在下面给定的设置下，html输出只返回content blog div 高度为0。但是，只有当我固定了高度时，页面上才会显示ok

我在这里的问题是，为什么在这种情况下总是要求我为div设置一个固定的高度。 有没有提到CSS规范？ 这也是在这里创建的小提琴： 虽然我的预期输出在这里：

身体{
宽度：960px；
左边距：自动；
右边距：自动；
边际上限：0px；
背景：#5d9ab2 url(https://lh5.googleusercontent.com/-ZBLYo1oD6bM/UHox3oBICxI/AAAAAAAAAgo/yCg6TcxLeC4/s358/img_tree.png)不重复左上角；
背景位置：200px 0px；
身高：100%；
}
.content_博客{
背景：url(https://lh4.googleusercontent.com/-6vbAw73oSYI/UHqHD-7GLlI/AAAAAAAAAg8/3eDurdBo2wE/s191/blog_topic.jpg)左上角不重复；
宽度：920px；
保证金：0px 20px 0px 20px；
/*--高度：200px--*/
}

您使用yhis代码而不是高度

.content_blog{
            background: url(https://lh4.googleusercontent.com/-6vbAw73oSYI/UHqHD-7GLlI/AAAAAAAAAg8/3eDurdBo2wE/s191/blog_topic.jpg) top left no-repeat;
            width: 920px;
            margin: 0px 20px 0px 20px;
            min-height:500px;
        }

最小高度用于动态高度

---

致意

设置.content博客div的最小高度，如图所示，原因是该div实际上没有内容。浏览器不将背景图像视为内容，因此它假定div为空，并以0高度渲染它

.content_blog{
            background: url(https://lh4.googleusercontent.com/-6vbAw73oSYI/UHqHD-7GLlI/AAAAAAAAAg8/3eDurdBo2wE/s191/blog_topic.jpg) top left no-repeat;
            width: 920px;
            margin: 0px 20px 0px 20px;
            min-height:500px;
        }