2026, 새로운 도약을 시작합니다.

a태그 하위에 삽입한 div태그가 밖으로 빠져나옵니다.

4년 전 조회 2,039

그누보드 5를 이용하여 작업중입니다. 

제목 그대로 a태그 내에 div태그를 삽입하였는데 실제 웹사이트에서 코드를 보면

a태그와 div태그가 나란히 위치합니다.

050feb63-b9bb-1130-ba07-fb0530dbf163

개발자 모드에서 본 소스입니다. a.engineer 와 div.enginner-info가 나란히 위치하고 있습니다.

하지만 실제로 제가 작성한 코드는 아래와 같습니다.

d77f07cc-b033-1927-d881-853b75da94fc

a.engineer 태그 내에 div.engineer-info를 삽입했습니다. 

왜 a태그내에 위치한 div태그가 빠져나와 동일하게 위치하는 지 이유가 궁금합니다.

또 해결방안은 무엇인지 알고 싶습니다.

답변 2개

<a href="#" class="engineer">
    <img src="http://r938.realserver2.com/theme/basic/img/sec3_row1_img2.png">
    <div class="engineer-info">
        <div class="point">
            <span class="added"></span>
            <span class="added"></span>
            <span class="added"></span>
            <span></span>
            <span></span>
        </div>
        <p class="hashtag">
            #침대 및 쇼파 밑 청소 
            #주안동 
            #간석동 
            #관... 
        </p>
        <p class="count">작업횟수 <span class="bold">10</span>회</p>
        <div class="last-row">
            <a href="" class="chat">채팅하기<span></span></a>
            <p class="name"><span class="bold">홍길동</span>기사님</p>
        </div>
    </div>
</a>

<a 태그는 <a 태그를 포함할 수 없습니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

아하,,,, 소중한 시간 내주셔서 너무 감사합니다 : ) 덕분에 하나 더 배울 수 있었습니다 감사합니다 !

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

해당 페이지를 봐야 알 수 있겠네요.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

안녕하십니까, 엑스엠엘님 답변감사합니다.
사이트는 http://r938.realserver2.com/ 이며 '우리지역의 엔지니어'라고 쓰여진 부분에서 문제가 발생하였습니다.

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

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

로그인
🐛 버그신고