0

前述のコンテンツを別の div 内の中央に配置する目的で、コンテナ div の幅と高さをその内部のコンテンツに基づいて自動的に調整する純粋な CSS の方法を探しています。

高さと幅を自動に設定しようとしましたが、それは役に立ちません。

あなたが提供できるどんな助けも大歓迎です。

前もって感謝します。

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 に答える