728x90
반응형

clearfix 2

CSS 'clearfix' 를 사용하는 방법

질문 : 어떤 'clearfix'방법을 사용할 수 있습니까? 2 열 레이아웃을 래핑하는 div 의 오래된 문제가 있습니다. 내 사이드 바가 플로팅되어 컨테이너 div 가 콘텐츠와 사이드 바를 래핑하지 못합니다. Firefox에서 명확한 버그를 수정하는 방법은 여러 가지가 있습니다. overflow:auto overflow:hidden 제 상황에서 제대로 작동하는 유일한 솔루션입니다. overflow:auto 는 나에게 불쾌한 스크롤바를 제공하고 overflow:hidden 에는 반드시 부작용이 있어야합니다. 또한 IE7은 잘못된 동작으로 인해이 문제를 겪지 않아야하지만 내 상황에서는 Firefox와 동일하게 고통 받고 있습니다. 현재 사용 가능한 가장 강력한 방법은 무엇입니까? 답변 생성되는 디자인에 따..

clearfix 클래스의 의미

질문 : clearfix 란 무엇입니까? 최근에 일부 웹 사이트의 코드를 살펴보고 모든 clearfix 클래스가 있음을 clearfix . 빠른 Google 검색 후 때때로 IE6 용이라는 것을 알게되었지만 실제로 clearfix는 무엇입니까? clearfix가없는 레이아웃과 비교하여 clearfix가있는 레이아웃의 몇 가지 예를 제공 할 수 있습니까? 답변 오늘날 레이아웃에 플로팅 요소를 사용하는 것이 더 나은 대안을 사용함에 따라 점점 더 낙담되고 있다는 점에 주목할 가치가 있습니다. display: inline-block -더 좋음 Flexbox- 최고 (그러나 제한된 브라우저 지원) Flexbox는 Firefox 18, Chrome 21, Opera 12.10, Internet Explorer 1..

728x90
반응형