0

我正在寻找一种纯 CSS 方式,让容器 div 根据其中的内容自动调整其宽度和高度,以便将上述内容集中在另一个 div 中。

我尝试将高度和宽度设置为自动,但这无济于事。

您可以提供的任何帮助将不胜感激。

提前致谢。

CSS:

.imageThumbnails {

    position: relative;
    margin: auto;
    height: auto;
    width: auto;
}

.imageThumbnailOne {

    position: relative;
    float: left;
    height: 78px;
    width: 91px;
    background-image: url("thumbnail1.png");

}

.imageThumbnailTwo {

    position: relative;
    float: left;
    height: 80px;
    width: 76px;
    background-image: url("thumbnail2.png");
    margin-left: 29px;
}

.imageThumbnailThree {

    position: relative;
    float: left;
    height: 76px;
    width: 89px;
    background-image: url("thumbnail3.png");
    margin-left: 29px;
}

的HTML:

<div class="imageThumbnailsContainer">

    <div class="imageThumbnails">
        <div class="thumbnailOne"><a></a></div>
        <div class="thumbnailTwo"><a></a></div>
        <div class="thumbnailThree"><a></a></div>
    </div>

</div>
4

1 回答 1

1

您需要清除.imageThumbnailsdiv。你可以做到这一点.imageThumbnails { overflow: hidden; }你也可以position: relative从所有东西中删除。

于 2013-01-14T14:46:52.173 回答