html - 列出图像非填充

Question

我制作了一个图库，用户可以在这张照片中上传到图库。但是照片不会在背景中显示填充并给出这个坏屏幕..

图片

 .fotograf
{
    display: block;
    min-height: 100%;
    height: 100%;
}
.fotograf ul li
{
    width: 200px;
    margin-left: 4px;
    margin-right: 4px;
    height: 200px;
    float: left;
    line-height: 1px;
    list-style-type: none;
}
.fotograf ul li img
{
    display: block;
}
.maincenter
{
    background: url("img/maincenter.png") repeat;
    width: 926px;
    height: 100%;
    font-family: Tahoma;
    line-height: 20px;
    font-size: 15px;
    color: #3d3d3d;
    padding-left: 55px;
    padding-right: 15px;
}

我想自动调整这个画廊背景的大小。

谢谢你。

此致！

Answer 1

尝试添加溢出，例如：

.fotograf {
     display: block;
    min-height: 100%;
    height: 100%;
    overflow:hidden;
}

或浮动

.fotograf {
         float: left;
        min-height: 100%;
        height: 100%;
        overflow:hidden;
    }