html margin 질문있어요..

로그인

회원가입

환경설정

웃대 스페셜: 월간 베스트; 답글 베스트

유머/웹툰: 웃긴 자료; 대기 자료; 웃긴 제목; 대기 제목; 웃대툰; 신예툰

창작/예술/친목: 공포; 사진; 그림낙서; 왁자지껄

인공 지능: 패션; 얼굴 인식; 웃파고

테마 게시판

웃대 서비스: 웃대 개념; 아이템 몰; 웹소설; 상사가 떳어요!

프로그래밍

| 오늘의베스트 | 주간베스트 | 월간베스트 |

제목

html margin 질문있어요.. [1]

작성자

고운말사용자

쪽지 | 작성자 글보기

번호 6441 추천 2 반대 0 답글 1 조회 217 작성시간 2018-09-21 20:35:41

추천되었습니다.

← CTRL+C 로 복사하고 CTRL+V 로 붙여넣으세요!
기기를 감지하여 최적 URL 로 보내줍니다.

단축 URL: https://humoruniv.com/program6441 URL 복사

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>test</title>
    <style>
        body {
            margin: 0;
            padding:0;
        }

        .header-nav {
            width:100%;
            margin: 0;
            background: yellow;
            text-align: center;
        }

        .section {
            width:100%;
            background: pink;
            margin: 10px;
        }
        .footer{
            width:100%;
            background:plum;height:100px;padding:20px 0;
        }
    </style>
</head>

<body>
    <div class="header-nav">
        <header>
            <h2>test</h2>
        </header>
    <nav>
        <p>this is test</p>
    </nav>
    </div>
    <div class="section">
    <section>
        <form>
            <p> textarea
                <textarea rows="10" cols="50"></textarea>
            </p>
        </form>
    </section>
    </div>
    <div class="footer">
    <footer>
        <p>footer</p>
    </footer>
    </div>
</body>

</html>

코드는 이렇고,

html과 body 범위가 왜인지 다르네요.

실행시켜보면 노란색 위쪽에 공간이 생겨요.

*{
margin:0;
}
하면 해결되긴 하는데 p, div같은것들도 다 줄어버리니...
border설정해주면 범위가 같아지고,,,

다른 과제물들은 범위가 같고, 공간도 안생기는데 얘만 유독 이렇네요.
왜이런 걸까요?

* 컨텐츠 출처 : 작성자 본인
* 펌 불허용 (타 사이트 등록을 불허하며 우클릭, 드래그 등이 금지됩니다.)

추천되었습니다.

▲ 다음글	24시간 켜놓는 컴퓨터로 수익 낼수있는게 뭐가있을까요?	오지고지리고	0 0 4 335	2018-09-22 [18:24]
▼ 이전글	은꼴짤 생성기 만들었어요 형들	귀찮은봇	0 0 6 412	2018-09-20 [04:15]

답글마당 (1)

고운말사용자

와아 float를 쓰니까 해결되었어요!

추천

반대

답글

2018-09-21 20:37:44

(삭제)

삭제된 답글입니다.

상대방에 대한 배려는 네티켓의 기본입니다.게시물에 상관없는 답글이나 추천유도성 답글을 달지 마세요.

스포일러성 답글이 신고되거나 발견되면 이유불문 삭제 혹은 정학처리 됩니다. 유의 부탁 드립니다.

답글쓰기
한글 512자

[공지] ① 웃긴대학의 운영목적은 "남을 행복하게 만들어주기" 입니다. 악성답글, 상처주는 답글, 음란 답글을 작성하지 말아 주세요.

② 내가 옳다고 하더라도 조용히 신고만 하시고 상대방을 비난하는 글을 쓰지는 마세요. 이곳은 옳고 그름을 가리는 곳이 아닙니다.
③ 지속적으로 분란을 일으키는 회원은 옳고 그름을 막론하고 정학 혹은 차단조치됩니다.
④ 정치 자료, 남녀 분란 자료, 저격 자료, 분란 야기 게시물은 강력하게 제재합니다. 자세히보기

▲ 다음글	24시간 켜놓는 컴퓨터로 수익 낼수있는게 뭐가있을까요?	오지고지리고	0 0 4 335	2018-09-22 [18:24]
▼ 이전글	은꼴짤 생성기 만들었어요 형들	귀찮은봇	0 0 6 412	2018-09-20 [04:15]

← CTRL+C 로 복사하고 CTRL+V 로 붙여넣으세요!