测试折叠浮动

Question

如何测试折叠浮点数，其中容器元素不会展开以接收浮动元素，例如Div collapse after float css

可以通过向容器添加css overflow：auto属性来修复折叠的浮点数。但是，如果在以后的编辑中意外删除了溢出声明，那么网页（或许多页面，如果容器在许多页面上使用）可能变得不可读。

鉴于折叠浮动不是CSS错误并且不会更改页面上的文本，您如何编写rspec测试来检测是否发生了这样的折叠？

Answer 1

如果您有一个在元素中浮动的项目，那么您需要在结尾处清除浮动。

.clearFloat {
    clear:both;
}

这是一个小提琴，显示我在说什么：http://jsfiddle.net/fishgraphics/gMr9m/

Answer 2

如果您使用的是capybara，那么如果您的测试中需要折叠的浮动覆盖元素，那么您将无法单击隐藏的元素。

所以好消息是，如果折叠的浮动会影响功能，那么你的测试应该选择它。如果它只影响网站的外观，那么你就不会。但话又说回来，有什么优秀的开发者关心没有功能的美学？ ：）