html - 列表图像非填充

我做了一个画廊，用户可以在这张照片中上传到画廊。但是照片不会在背景中显示填充，并不会显示出不好的屏幕。

图片

 .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;
}

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

谢谢。

最好的祝福！

最佳答案

尝试添加溢出，例如：

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

或浮动

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

关于html - 列表图像非填充，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16044886/