</a>
태그를 넣은 위치에 따라 상자가 다르게 보입니다. 현재 모습은 다음과 같습니다.
<a href="#"> <div class="box">
<header><h2>Responsive C3</h2></header>
<div id="chartA">
</div>
</div></a>
두 번째 상자가 나란히 정렬되어있는 동안 첫 번째 상자를 클릭 가능한 개체로 유지하려면 어떻게해야합니까? <a></a>
태그가 없으면 잘 정렬됩니다.
클래스 box
는 블록을 허용 float:left
하므로 나란히 있습니다. 당신이 적용하는 경우 class="box"
받는 a
대신의 태그 div
태그 예상대로 작동합니다.
<a href="#" class="box">
<div>
<header>
<h2>Responsive C3</h2>
</header>
<div id="chartA">
</div>
</div>
</a>
여기에 더에 대해 이해할 수있는 좋은 기사입니다 float
: https://css-tricks.com/all-about-floats/ 다른 약 display
: https://css-tricks.com/almanac/properties/d/display/은
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다