2012-05-30 36 views

回答

4

這裏是一個工作演示:http://jsfiddle.net/LjjmC/1/

你看到的問題是,滑塊是浮動的,所以div容器似乎在流動沒有內容。通過在容器的末尾添加一個「清除」div,浮動的div將出現在容器div內。

+0

我總是很驚訝有多少人不知道這件事,但同時驚呆了我們還沒有找到更好的方法。我恨這些額外的div全部在我的工作。任何人都知道更好的方法? :/ – lupos

+0

我永遠不會想到這一點。謝謝! – thindery

+0

[閱讀在這裏!(http://books.google.com/books?id=UgrUeIwsS60C&pg=PA111&lpg=PA111&dq=cederholm+.group+.clearfix&source=bl&ots=zeybfIhZb6&sig=sgx2GUNSok5plaJ4AnI3eL8jugc&hl=en&sa=X&ei=_n7GT_H4BKjX0QHTqpDWBg&ved=0CFcQ6AEwAQ#v= onepage&q&f = false) - Dan Cedarholm在Handcrafted CSS中撰寫了最好的文章。他的目的是使用'group'這個詞而不是clearfix,這對我更有意義。 [Here](http://css-tricks.com/snippets/css/clear-fix/)是來自http://css-tricks.com/的簡短說明 –