• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

body와 banner

23.01.12 06:49 작성 조회수 229

1

안녕하세요, 아래와 같이 입력하면 배너컬러가 middle위에 올라오잖아요 /순차적으로 div를 작성하는데 왜 배너가 위로 올라올까요? 블록박스니까 순차적으로 아래로 가야되는거 아닌가요? div id="middle"안에 있는 banner라서 그런가요? 궁금해요!

 

<body>
      <div id="header"></div>
      <div id="middle">
        <div id="banner">banner</div>
      </div>
      <div id="footer"></div>
    </body>

답변 2

·

답변을 작성해보세요.

0

hellow09z님의 프로필

hellow09z

질문자

2023.01.16

    <div id="porduct-list">
      11
      <div id="product-card">22</div>
    </div>

예시를 위해 위에 ㅣ div를 작성하고 css로 배경색을 리스트에는 빨강, 카드에는 파랑으로 했습니다.

그러니 위에는 윗줄에는 빨강11이 아랫줄에는 파랑22가 나왔습니다.

아직 입문단계라 이부분이 계속 잘이해가 안가네요 midlle이라는 id안에 banner라는 id를 썼는데 어떻게 위에것처럼 박스가 내려가지 않고 오히려 올라가는걸까요???... 둘다 같은것 같은데 왜 결과물이 다른건지 개념이 안잡혀요! 혹시 조금만 쉽게 설명해주시거나 이해를 도와주신다면 넘나 감사드리겠습니다 :0

0

질문주신 것처럼 id가 banner인 div는 id가 middle인 div 안에 포함되고 있습니다!

따라서 middle과 banner가 순차적이지 않고 middle의 공간 안에 banner가 배치됩니다.