2011-09-18 4 views
1

을 떠 나는이 떠 용기와 하나의 비 부양 자녀를 제외한 일부 떠 자식 된 div를 가지고 떠 DIV 예를 들어, 주변에 놀고 있었다질문 자식 DIV

당신은 예에서 볼 수

; 그것은 현재 렌더링하는 방법을 당신이 설명해 수

  1. :

    http://jsfiddle.net/emeRJ/7/

    는 지금은 ... 동작 또는이 아닌 떠 아이의 div 렌더링을 이해

    이 질문하고 싶었다 그리고 모든 하위 div (즉, 마지막 자식 요소) 이후에 코드를 작성하면 어떤 차이가 발생합니까? (즉, 마지막 자식 요소입니다)

  2. 또한 컨테이너를 오버 플로우로 만들면 non-floated 자식에 영향을 미칩니 까? 숨김?

답변

2

대답 순간 1

미 떴다 바로 block를 표시하는 빨간색 테두리와 함께 상단에 div 그래서 그것의 전체 폭이 div를 포함하는 것에 걸쳐있다. 당신이 영향을 미치지 않는 포함 div 다른 떴다 divs의 마지막 위치로 이동하면 그것은 포함하는 요소

의 다른 divs에 영향을받지 미 떠 그래서 당신은 플로트와 장소를 지 웁니다 (clear: both; 필요 하나 부동 소수점 divdivs 인 경우 CSS) 그렇지 않으면 부동 소수점 내에 포함 된 텍스트가 왼쪽으로 떠 다니고 떠 다니는 요소를 둘러칩니다. 텍스트가 충분히 길지 않음). 그것이 당신이 성취하려고 시도하지 않는 한?

그것은 아무것도 같은 차이가 실제로는

+0

들으 대답에 많은 도움이 overflow: hidden;

희망으로 설정 될 것입니다 포함 div을 넘쳐해서는 안 2

대답 ... 그러나 당신이 더 간단한 용어로 세부 사항을 제공하여 이해할 수 있다면 정말 좋을 것입니다 ... 또한 2 개의 개별 부품/큐가 있습니다 .. – testndtv

+0

그게 더 좋습니까? –

+1

이것은이 특별한 예제에서 일어나는 일에 대한 아주 간결한 설명입니다 ... 수레가 어떻게 작동하는지 이해하는 데 어려움이 있다면 [이 기사] (http://phrogz.net/css/understandingfloats.html)를 읽을 수 있습니다.) 좀 더 깊이있는 설명을 원합니다. – sg3s