다음 HTML 코드가 있습니다.
<div style='float: left; width: 50%; background-color: #00243c;'>
<div style='float:right; max-width: 500px;'>
Lorem ipsum dolor sit amet, est montes vitae. Auctor ipsum nam est, phasellus id condimentum facilisis. Aliquam sem, pede nec ante. Magnis phasellus mi neque, nullam quis lobortis, tristique adipiscing at. Amet arcu, donec sodales elit quis odio, suspendisse pede natoque amet leo, ipsum ac vivamus, amet fusce eget. Tortor augue eget montes metus nullam.
</div>
</div>
<div style='float: left; width: 50%; background-color: white;'>
<div style='float: left; max-width:500px;'>
<form style='width:100%;'>
<input type='text' value='test' style='width:100%'>
</form>
</div>
</div>
form
이 항상 부모의 최대 허용 너비를 차지 하는지 어떻게 확인할 수 있습니까 div
?
예를 들어 두 번째 메인의 div
너비가 500px 이상이면 (즉, 화면의 너비가 1000px 이상이면) 최대 너비가 500px로 form
떠있는 왼쪽 내부는 div
500px를 차지합니다. 화면 너비가 1000px보다 작습니다. 예를 들어 800이라고 가정 form
하면 부모의 너비로 400px 만 차지합니까?
여기에 바이올린도 있습니다 : https://jsfiddle.net/f864b29a/
래핑 div에서 플로트를 제거해야합니다. 플로팅하면 안되므로 원하는대로 왼쪽에 고정되고 최대 500 픽셀로 확장됩니다. 그러나 나는이 구조가 합리적인 레이아웃이라고는 생각하지 않는다.
https://jsfiddle.net/f864b29a/4/
<div style='max-width:500px;'>
<form style='width:100%;'>
<input type='text' value='test' style='width:100%'>
</form>
</div>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다