Css 调整浏览器大小时自动调整div大小

在我的页面中，我在一个div中有一个表单。当我调整浏览器的大小时，表单的某些部分将看不到，滚动条将出现。我如何在css中做到这一点，在调整大小后，整个表单仍然可见，而不必使用滚动条？

在创建此类属性（如宽度）时，使用“%”，而不是“px”、“pt”、“em”或任何恒定大小

例如，

#元素：宽度：80%将使“元素”的宽度为其父元素的80%。如果父元素是body，它将自动改变它的宽度和浏览器窗口的宽度

如果“元素”的某个子元素具有恒定宽度，“元素”的最小宽度将与该子元素的大小相同

我希望我的回答是有帮助的。
您是否尝试过将表单元素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>



也可以考虑静态属性、相对属性、固定属性或绝对属性。