使用僞選擇器::之後

因此，我將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>

感謝後。

來源

2013-02-14 codingninja

剛擡起頭，它只有一個冒號（:)後）http://www.w3schools.com/cssref/sel_after.asp – PlantTheIdea 2013-02-14 22:06:39

@LifeInTheGrey [請不要使用W3Schools的作爲參考（HTTP ：//w3fools.com/），另一種選擇是[後選擇器的MDN參考]（https://developer.mozilla.org/en-US/docs/CSS/::after）。 – 2013-02-14 22:15:49

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

來源

2013-02-14 22:11:21

這不起作用。我也試過用雙冒號（:: after） – codingninja 2013-02-14 22:24:01

這絕對是一個單獨的冒號。什麼不工作？一個jsFiddle會很有幫助。 – 2013-02-14 22:30:11

這是[jsFiddle]（http://jsfiddle.net/cUApv/1/） – codingninja 2013-02-14 22:39:18

使用僞選擇器::之後

回答

相關問題