내 DIV는 내 페이지의 왼쪽 상단에 있습니다. 이 div를 채우는 앵커를 만들려면 어떻게해야합니까?

Question

#mydiv { 
position:absolute; 
left:0px; 
top:0px; 
width:83px; 
height:83px; 
} 

<div id="mydiv"></div> 

내 DIV에 대한 내 스타일은 내 페이지의 왼쪽 상단에 있습니다. 이 div를 클릭 할 수 있고 링크로 이동하길 원합니다.

Answer 1

#mydiv { 
position:absolute; 
left:0px; 
top:0px; 
width:83px; 
height:83px; 
} 
#mydiv a 
{ 
display block; 
width:83px; 
height:83px; 
} 
<div id="mydiv"><a href="a">link</a></div> 

Answer 2

당신은 간략한 설명은 다음 문서 및 작업 예제를 체크 아웃에 관심이있을 수 :

이

• Filling a block level element with an anchor

Answer 3

이 작업을 수행하는 두 가지 방법이있다. 처음이자 가장 쉬운 방법은 앵커 (<a style="border: 0;" href="...">) 태그로 div를 감싸는 것입니다.

아니면 DIV에 이벤트 리스너를 추가하고뿐만 아니라 그것에 CSS 포인터를 추가하여 CSS/자바 스크립트를 사용할 수 있습니다

<div onclick="window.open(http...)" style="pointer: cursor;" >...</div>