2017-02-14 3 views
0

나는 요소가 블록 및 인라인을 동시에 포함 할 수 있다고 생각했지만 here은 여기에 해당하지 않는다고 말합니다.블록 요소 내의 블록 및 인라인 요소

블록 수준 상자에는 줄 상자 또는 블록 수준 상자 중 하나가 포함될 수 있지만 둘 다 포함될 수는 없습니다. 필요한 경우이 상자의 요소에 속하는 모든 줄 상자는 하나 이상의 (가능한 한 적게) 익명 상자에 'display'가 'block'으로 묶입니다.

아니면 내가 잘못입니까?

+0

가능한 [Inline anonymous boxes?] (http://stackoverflow.com/questions/16823693/inline-anonymous -boxes) – Chris

+0

무엇을 의미합니까? –

+0

@Chris -이 질문의 사본이라고 생각하지 않습니다. 두 질문 모두 CSS 스펙의 동일한 부분을 인용하지만 실제 질문과 답변은 익명의 인라인 상자에 초점을 맞추는 반면이 질문은 실제로 익명의 블록 상자에 관한 것입니다. – Alohci

답변

1

그래서 ...

블록은 캔트 블록과 인라인을 모두 포함 ... 그것을

을 이런 식으로 이해하지만 넣어 경우 ... 다음 묶어야합니다 위의 규칙 인라인 요소에 부착 당신이

익명 상자를 볼 수 있습니다 당신이 당신의 질문에 게시 한 라인 위의

(가능한 몇 가지로) 익명 박스, 비공식적으로, CSS의로 해결 될 수없는 박스 선거인. 'display'를 제외한 모든 속성에는 기본값 (초기 값 또는 상속 된 값)이 있습니다. 익명 상자는 CSS 상자 모델에 'display'에 대한 특정 값이있는 자식 상자가 필요하지만 실제로 자식이 다른 값을 가질 때 만들어집니다. 이 경우 올바른 종류의 익명의 상자가 만들어져 자식 (또는 자식)이 래핑됩니다.

+0

HTML4 사양에서 마크 업 예제를 모두 살펴본 결과 텍스트 내용이 익명 상자에 배치되고 인라인 요소는 항상 단락으로 묶여 있음을 확인했습니다. – Serzh

+0

@Serzh 예를 들어 단락이있는 곳에 나를 연결할 수 있습니까? 예 : 인라인 요소 –

+0

17.4.2, 17.10 줄 바꿈 [HTML 4.01 사양] (http://www.w3.org/TR/html4/interact/forms. html # edef-FORM) – Serzh