html - 我无法自动调整横幅

Question

宽度是自动调整的，但如果我将高度设置为 px 以外的任何值，横幅就会消失。我玩过最小高度和溢出，但唯一重要的是高度的 px 量。

提前致谢。

<div id="banner"></div>
<style>
#banner {
    background:url('.png');

    width:100%;
    height:192px;
    background-size:100%;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;      
}
</style>

Answer 1

为html和body标签指定一个高度，然后让你的div高度为100%，如下:

<style>
html,body
{
    height:100%;
    width:100%;
}

#banner {
background:url('.png');
width:100%;
height:100%;
background-size:100%;
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;      
}
<style>