붕괴 된 플로트 테스트

Question

컨테이너 요소가 확장되지 않아 플로팅 요소를 가져 오는 축소 된 플로트는 어떻게 테스트합니까? Div collapse after float css. 자동 등록을 용기 :

수납되었다 플로트

CSS는 오버플로를 추가로 개선 될 수있다. 그러나 나중에 편집 할 때 오버플로 선언이 실수로 삭제 된 경우 웹 페이지 (또는 여러 페이지에서 컨테이너를 사용하는 경우 많은 페이지)를 읽을 수 없게 될 수 있습니다.

는 축소 된 플로트는 축소가 발생했습니다 같은 있는지 여부를 감지 할 수있는 RSpec에 테스트를 작성 어떻게하는 CSS 오류가 아닙니다 및 페이지의 텍스트를 변경하지 않는 것을 감안할 때?

Answer 1

당신이 요소 내에 부유하는 항목이있는 경우에, 당신은 마지막에 플로트를 취소해야합니다. 여기

.clearFloat { 
    clear:both; 
} 

내가 무슨 말을하는지 보여줍니다 바이올린입니다 : http://jsfiddle.net/fishgraphics/gMr9m/

Answer 2

당신이 다음 시험에 필요한 축소 된 플로트 오버레이 요소, 당신은 할 수 없습니다 경우 카피 바라를 사용하는 경우 숨겨진 요소를 클릭하십시오.

그래서 좋은 소식은 축소 된 플로트가 기능에 영향을 미치는 경우에, 당신의 검사 결과가 그것을 선택해야한다는 것입니다. 그것이 단지 웹 사이트의 모양에 영향을 준다면, 그렇게하지 않을 것입니다. 그러나 다시, 좋은 개발자가 기능이없는 미학을 염려합니까? :).