메인 div 안에 2 개의 div가 나란히 있습니다. left_div & right_div라고합시다. 브라우저가 전체 화면 모드 일 때-left_div가 60 %이고 right_div가 너비가 40 % 인 경우 (main_div는 너비가 100 %).
이제 브라우저 창을 복원하고 너비를 줄이면 div가 서로 아래에 있지만 여전히 화면의 60 % 및 40 %와 동일한 비율로 유지됩니다.
내가 원하는 것은 브라우저 너비가 div가 서로 아래에 있고 전체 화면 너비를 채우는 것보다 특정 양 아래로 내려 가면 전체 브라우저 너비가되는 것입니다.
내가 어떻게 해? JavaScript 또는 jQuery로해야합니까?
당신이 한 번에 할 수 도움말을 확인 여기 데모입니다
HTML
<div class="left-div">Left</div>
<div class="right-div">Right</div>
CSS
.left-div{width:60%;height:100px;float:left;background-color:#000;color:#fff}
.right-div{width:40%;height:100px;float:right;background-color:#333;color:#fff}
@media (max-width: 479px) {
.left-div, .right-div{float:none;width:100%;}
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다