Kapsam CSS float sınırlamak ve temizlemek için bir yolu var mı? En sorunun

Question

Örnek: http://jsfiddle.net/xZmFg/4/

Şüphesiz hemen (değil sağa, aşağıda) girişlerini takip ederek değil menüsünün altındaki sonuna kadar açıklamayı almanın bir yolu ...

Olduğuna 'şamandıra' ile içeriğin akışından koptuğunuzu, ancak yalnızca ana kapsayıcının içindeki boşluğa uygulanacak bir yol olmadığını anlayın.

Answer 1

Sen açıklama en ve form girişleri ile ana öğe overflow: hidden kullanan tüm float ihtiva sahip olabilir:

.content-box { 
    overflow: hidden; 
} 

Bu şekilde, kenar çubuğu elemanlarında yüzen engel olmaz.

.content { 
    float: left; 
} 

Ve sonra hiçbir şey yapmaz olarak .description üzerine clear: left; damla (ya da ayrılmak):

jsFiddle preview

Answer 2

Sen girişler ve paragrafın etrafında kabı yüzebilirler.

http://jsfiddle.net/ambiguous/QdY44/