Question

我想制作15％高度的页眉和页脚，其余高度应该是主要的（带图像）。但不幸的是，图像太大了，我不知道如何将其调整为100％宽度（#all div）和70％（#all div）。

感谢任何帮助。

image现在的样子。

html,
body {
    margin:0;
    padding:0;
    height:100%;
    width: 100%;
}

#all {
    position:relative;
    width: 60%;
    height:100%;
    margin: auto;
}

header#main-header{
    display: block;
    position: absolute;
    background:#ff0;
    height: 15%;
    width: 100%;
    z-index: 10;
}

#main {
    display: block;
    position: absolute;
    top: 15%;
    height: 30%;
}

footer{
    display: block;
    position:absolute;
    bottom:0;
    width:100%;
    height:15%;   /* Height of the footer */
    background:#6cf;
    z-index: 10;
}

Answer 1

尝试使用#main img {display:block; width:100% } 另外，我建议你使用class而不是id。

CSS |无法将图像融入主要内容

1 个答案: