0

所以我将两张图片并排放置。

我一左一右浮动，我想用伪选择器::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 回答