웹 사이트에서 수레 포함 문제에 관한 많은 기사를 읽었습니다.CSS - 수레 포함하기 쉬운 방법
이에 대한 몇 가지 문제를 해결하는 방법을 설명하는 많은 가이드 (예 : this)가 있습니다. 내가 알고 싶습니다.이 쉬운 코드는 무엇입니까?
.maindiv{width:980px; margin:0 auto;}
많은 브라우저에서 시도해 보았지만 항상 정상적으로 작동합니다. 그럼이 문제가 뭐죠? 주요 컨테이너가 문제를 얻을 나던 배경 색상의이 DIV 내에서 (부유)를 가지고 있지만,
.maindiv{width:980px; margin:0 auto; background-color:#000099;}
및 보인다 : 나는 또한 (예를 들어)와 함께하려고합니다.
임은
.maindiv{width:980px; margin:0 auto;}은 다소 다른 것을 수행합니다. 명시 적 폭 선언과 auto 왼쪽 및 오른쪽 여백을 갖는 요소는 div가 중앙에 오도록합니다.
플로트 문제를 해결하는 데 가장 확실한 해결책은 없습니다.
참조 http://jsfiddle.net/aPmu5/ 당신이 참조 예와 예제는 같은 일을하는 경우, 첫 번째 예제에서 저자는 부동 요소를 다루는 그들이 페이지의 다른 콘텐츠와 상호 작용하는 방법, 당신은 단지 플로트를 포함
코드의 절연 조각으로 아무 문제가 없습니다 : 골동품,하지만 당신은 그것을 배경을 제공하고 일부 부동 아이들을 삽입하려고하면 그것은 당신에게 문제를 제공 할 것입니다.
음. 실제로 모든 나의 아이들은 떠있다. 그리고 만약 제가'.maindiv {width : 980px; 여백 : 0 자동; background-color : # 000099;}'나는 아무런 문제가 없습니다. 그게 내 질문 이유 :) – markzzz
@markzzz : 우리가 볼 수있는 코드의 완전한 예제를 조립 해보십시오. 플로트 포함을 CSS 선언 (예 : .maindiv)에 잘못 할당 한 것 같습니다 (예 : 실제로 포함 된 경우). 또한 다른 종류의 봉쇄를 부유물 봉쇄 (예 : 포함 된 요소가 적절하게 부양되지 않는 경우)로 오인 할 수 있습니다. –
걱정할 필요가 없습니다. 링크로 게시 된 가이드와 코드 조각 사이의 실제 차이점을 이해합니다. 사실, 각 플로트 아이들을 위해 나는 내 자신의 배경을 넣어 (그 이유는 내가 부모로부터 배경 특성을 상속하지 않는 이유입니다). 나는 이런 종류의 일을하는 쉬운 방법이라고 생각하지 않습니까? – markzzz
확실하지 그래서'.maindiv '를 수평 적으로 "제거"하지 않습니다. – Jakub
'.maindiv'에 수레 만 있다면'.maindiv'에 대한 배경은 당신의 예제에서 떠 다니는 요소 주위로 확장되지 않습니다. –