채택완료

html 레이아웃 관련 질문드려요. 초보입니다

2019-04-02 (화) 18:06:59 3,691

html 레이아웃을 다시 공부하는중인데요.

<div id="header">테스트중</div>
<div id="section">테스트중</div>
<div id="footer">테스트중</div>

3717868013_1554195704.7725.png  왼쪽 그림처럼  제대로 나오는데요.

본문 글에 <p>태그등을 삽입하면 칸이 벌려지더라고요.

<div id="header"><P>테스트중</p></div>
<div id="section"><p>테스트중</p></div>
<div id="footer"><p>테스트중</p></div>

3717868013_1554195956.337.png  이유가 뭔지 궁금합니다. 그리고 해결책좀 가르켜 주세요

|

답변 2개 / 댓글 3개

채택된 답변
+20 포인트

<style type="text/css">
p {margin:0;padding:0;word-break:break-all}    
</style>

위처럼 미리 정의 하지 않으면 p 태그는 딘락이 됩니다..

답변에 대한 댓글 1개

2019-04-02 (화) 22:34:14
답변 감사합니다

답변에 대한 댓글 2개

2019-04-02 (화) 22:35:24
좋은 싸이트네요. 감사합니다
div와 p를 중첩적으로 쓸 필요가 없어 보이네요.
https://codepen.io/sinbi/pen/zXGRVy

답변을 작성하려면 로그인이 필요합니다.