Question

我有一个样式的标题：

header {
position: relative;
width: 100%;
height:50%; 
color: #fff;
background-image: url(../images/header.jpg);
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}

这会填满整个屏幕，如何将其设置为固定高度（以像素为单位）？

Answer 1

如果我理解这个问题

与Acrux一样，将高度更改为px而不是％，并将这些行添加到代码中：

header {

   overflow: hidden;

}

或者您可以尝试通过添加以下行来将Div更改为显示块：

header {

   display:block;

}

Answer 2

将高度更改为px;而不是％

CSS：图像标题的高度固定

2 个答案: