코딩하다 현타올 때

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

질문 : CSS만 있는 드롭다운을 스타일링 하는 방법 드롭 다운 스타일을 지정하는 CSS 전용 방법이 있습니까? JavaScript없이 가능한 한 인간적으로 양식의 스타일을 지정해야합니다. CSS에서 그렇게하기 위해 사용할 수있는 속성은 무엇입니까? 이 코드는 모든 주요 브라우저와 호환되어야합니다. Internet Explorer 6, 7, 8 Firefox 원정 여행 JavaScript : Example으로 만들 수 있다는 것을 알고 있습니다. 그리고 저는 단순한 스타일링에 대해 말하는 것이 아닙니다. CSS만으로 할 수있는 최선의 방법을 알고 싶습니다. Stack Overflow 에서 비슷한 질문 을 찾았습니다. 그리고 이것은 Doctype.com에 있습니다. 답변 다음은 세 가지 솔루션입니다. 솔루..

질문 : HTML 양식 입력 필드에 대해 disabled =“disabled”와 readonly =“readonly”의 차이점은 무엇입니까? 나는 이것에 대해 조금 읽었지만 다른 브라우저가 사물을 어떻게 처리하는지에 대해 확실한 것을 찾지 못하는 것 같습니다. 답변 readonly 요소는 편집 할 수 없지만 해당 form 제출 될 때 전송됩니다. disabled 요소는 편집 할 수 없으며 제출시 전송되지 않습니다. 또 다른 차이점은 readonly 요소는 포커스를받을 수 있고 (폼을 "탭"할 때 포커스를받을 수 있음) disabled 요소는 할 수 없다는 것입니다. 이 훌륭한 기사 또는 w3c의 정의 에서 이에 대해 자세히 읽어보십시오. 중요한 부분을 인용하려면 : 주요 차이점 Disabled 속성 비활..

질문 : CSS를 사용하는 모든 브라우저에 대해 "div"요소를 세로 중앙에 어떻게 배치 할 수 있습니까? CSS div 세로로 가운데에 배치하고 싶습니다. 나는 테이블이나 자바 스크립트를 원하지 않고 순수한 CSS만을 원합니다. 몇 가지 해결책을 찾았지만 모두 Internet Explorer 6 지원이 누락되었습니다. Div to be aligned vertically Internet Explorer 6을 포함한 모든 주요 브라우저에서 div 세로로 중앙에 배치하려면 어떻게해야합니까? 답변 아래는 고정 너비의 유연한 높이 콘텐츠 상자를 수직 및 수평 중앙에 구축 할 수있는 최고의 만능 솔루션입니다. Firefox, Opera, Chrome 및 Safari의 최신 버전에서 테스트되고 작동했습니다. .ou..