.cleaner:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;                
}

所以我可以添加类清洁剂到我要清除浮子的所有东西.这是比添加更好的方式

<div style="clear:both;"></div>

相反,因为它并没有真正将设计与标记分开.

但是虽然这种方法可以减少一些代码重复,但它也有点打破分离设计的想法,因为我必须直接更改html.

是否可以使用这样的类并在需要的地方添加它们？或者我应该添加：… {明确地表示我要清除浮动的所有内容(例如#header：after …,#menu：after {….`)这导致代码重复,但也更加独立的设计,我不必直接触摸HTML.

通用类可能对javascript很有用,它可以更容易地改变样式,但是代码重复是否值得在纯HTML / CSS中分离设计的效果？