使用僞選擇器::之後

Question

因此，我將2個圖像並排放置。

我一個浮動的左邊和其他權利，我想以後

文字下面將只是移動在圖像之間清除浮動與僞選擇::。

我總是遇到:: 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> 

感謝後。

Answer 1

img:after { 
    content: ' '; 
    display: block; 
    clear: both; 
}