0

だから私は2つの画像を並べて配置しています。

私は左と右に浮かんでいて、疑似セレクターでフロートをクリアしたい::after

下のテキストは、画像の間で移動します。

私はいつも ::after セレクターに問題があります。いつもうまくいくとは限りません。ポインタやアドバイスをいただければ幸いです。

編集: ::after コードを追加するのを忘れた

CSS

div#product > img:first-child {
    float: left; 
    margin-left: 55px;
    margin-bottom: 20px;
}
#product img {
    float: right; 
    margin-right: 55px;
    margin-bottom: 20px;
}
img::after {
    clear:both;
}

HTML

<div id="product">
            <img src="#" width="240" >
            <img src="#" width="240" >
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</div>

ありがとう。

4

1 に答える 1

2 
img:after {
    content: ' ';
    display: block;
    clear: both;
}
于 2013-02-14T22:11:21.140 に答える