Автоматическое изменение размера div при изменении размера браузера

Question

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

Answer 1

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

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

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

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

Answer 2

Вы пытались установить свойства form element heihgt и width равные 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>

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