a태그 하위에 삽입한 div태그가 밖으로 빠져나옵니다.
본문
그누보드 5를 이용하여 작업중입니다.
제목 그대로 a태그 내에 div태그를 삽입하였는데 실제 웹사이트에서 코드를 보면
a태그와 div태그가 나란히 위치합니다.
개발자 모드에서 본 소스입니다. a.engineer 와 div.enginner-info가 나란히 위치하고 있습니다.
하지만 실제로 제가 작성한 코드는 아래와 같습니다.
a.engineer 태그 내에 div.engineer-info를 삽입했습니다.
왜 a태그내에 위치한 div태그가 빠져나와 동일하게 위치하는 지 이유가 궁금합니다.
또 해결방안은 무엇인지 알고 싶습니다.
답변 2
해당 페이지를 봐야 알 수 있겠네요.
안녕하십니까, 엑스엠엘님 답변감사합니다.
사이트는 http://r938.realserver2.com/ 이며 '우리지역의 엔지니어'라고 쓰여진 부분에서 문제가 발생하였습니다.
<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 태그를 포함할 수 없습니다.
아하,,,, 소중한 시간 내주셔서 너무 감사합니다 : ) 덕분에 하나 더 배울 수 있었습니다 감사합니다 !