내가 원하는 것은 ...
<div style="width:1000px;">
<div style="float:left; width:300px; height:auto;"> </div>
<div style="float:right; width:700px; height:auto;"> </div>
</div>
두 번째 DIV의 높이가 증가하면 세 번째 DIV의 높이도 자동으로 증가해야합니다.
간단히 말해서, (두 번째 DIV 높이 = 세 번째 DIV 높이)
여기서 jQuery를 사용하여 볼 수 있듯이 JavaScript 를 사용 하여 요소 높이를 가져온 다음이 값을 사용하여 다른 요소 높이를 설정할 수 있습니다 .
var height = $(".div1").height();
그리고 div
창 크기 조정 또는 이와 비슷한 것으로 첫 번째 높이가 변경되면을 사용 하여 첫 번째 div의 높이를 기반으로 EventListener
수정하는 함수를 호출 할 수 있습니다 .div2
.
window.addEventListener('resize', function(event){
$(".div2").css({"height":height});
});
CSS transition
를 height 속성에 적용하여 높이 변경에 애니메이션을 적용 할 수도 있습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다