CSS選擇器：在

之後我有兩個div，另一個右邊是1個浮動。CSS選擇器：在

我需要添加一個clearfix後，正確的浮動，並已閱讀使用：後選擇器。

我試圖創建這種風格，並添加相關的屬性只有它似乎沒有工作，我是不是很瞭解這個規則？

任何建議將是偉大的！

http://jsfiddle.net/hjP6f/

來源

2011-07-22 Liam

請注意'：after'在IE7或更早版本中不起作用。 – Spudley

@Liam：即使您提供了一個實際示例的鏈接，也請在您的問題中包含您的代碼。這樣，即使鏈接過期，您的問題在回答時也會提供有用的未來資源。 –

這是要明確修復添加到頁腳：

#footer:after {content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}

什麼你基本上是在這裏說的是，在#footer的div的末尾，添加一些內容並使其顯示塊，然後將其清除。這會將頁腳拉低到所有浮動內容。

更新你的代碼：http://jsfiddle.net/hjP6f/1/

。

來源

2011-07-22 09:00:39

謝謝，我總是推測後必須應用於容器中的最後一個元素，非常感謝！ – Liam

有更簡單和更兼容的方法來做到這一點我猜^^ – MatTheCat

很酷。現在OP有兩個選項。獎金。 –

只需將overflow:hidden;添加到#footer即可。它將建立一個新的格式化內容，使其能夠包含它的流浪兒童。

來源

2011-07-22 09:05:04 MatTheCat

你不應該* downvote *使用clearfix - 這是更穩定的選項（儘管@Jamie Dixon的答案是缺少clearfix的IE6/7部分..）。我在99％的時間裏也使用'overflow：hidden'（因爲它很容易+它的工作原理，讓我們面對它，clearfix是笨拙而無語義的），但有時你不能使用它：http://fordinteractive.com/ misc/overflow/ – thirtydot

所以......我的錯誤= /我會在可以的時候取消downvote。 – MatTheCat

CSS選擇器：在

回答

相關問題