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

或 float

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