Я всегда смущен,clear: leftclear: right а такжеclear: both в CSS. я знаюclear: both означает, что это не такРазрешить плавающие элементы с обеих сторон.

Я сделал некоторое тестированиеВот, Я думал, что макет будет выглядеть как показано ниже, потому чтоB использованияclear: both, Но это нет. Может кто-нибудь сказать мне, почему?

CD

обновленный (Отправьте код)

    a
    b
    c
    d
    


.container{
    width:100%;
    border:1px solid red;    
}
.B{
    float:left;
    clear:both;
    width:10%;
    height:30px;
    border:1px solid blue;
}
.A,.C,.D{
    float:left;
    width:10%;
    height:30px;
    border:1px solid blue;
}
.CB{
    clear:both;
}