body와 banner

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

[그랩마켓] 웹 화면 구현하기 - 1

작성

305

안녕하세요, 아래와 같이 입력하면 배너컬러가 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>

nodejs javascript HTML/CSS react tensorflow 머신러닝 배워볼래요? express react-native

답변 2

hellow09z

질문자

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

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

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

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

그랩

지식공유자

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

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

인프런 커뮤니티 질문&답변

body와 banner