Auto resize div при изменении размера браузера

Question

На моей странице у меня есть форма внутри div. Когда я изменяю размер браузера, некоторые части формы не будут видны, и появятся полосы прокрутки. Как я могу сделать это в css, где после изменения размера вся форма будет видна без использования полос прокрутки?

Answer 1

Используйте «%», а не «px», «pt», «em» или любой постоянный размер при создании таких свойств, как ширина.

Например, #element: width:80%; сделает «элемент» равным 80% его родительского элемента. И если родительский элемент является телом, он автоматически изменит его ширину вместе с шириной окна браузера.

Если какой-либо дочерний элемент «элемента» будет иметь постоянную ширину, минимальная ширина «элемента» будет такого же размера, как этот ребенок.

Надеюсь, мой ответ был полезным.

Answer 2

Вы пробовали настройки в формы элемент heihgt и ширина свойства составляет 100% в файл CSS?

<div style="background:gray;width:100%;height:100%"> 
    <form id="id_form" style="background:orange;width:100%;height:100%"> 
     <input id="id_send_button" type="button" value="click me..." />   
     <!-- more controls --> 
    </form> 
</div> 

Также рассмотрите свойство позиционирования, которое оно может быть: статическим, относительным, постоянным или абсолютным.