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

Question

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

Answer 1

在创建宽度等属性时，请使用“％”，而不是“px”，“pt”，“em”或任何常量。

例如，#element: width:80%;将使“元素”的宽度为其父元素的80％。如果父元素是body，它将自动改变它的宽度以及浏览器窗口宽度。

如果“element”的某个子节点具有恒定宽度，则“element”的最小宽度将与此子节点的大小相同。

我希望我的回答很有帮助。

Answer 2

您是否尝试将表单元素 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>

还要考虑它的定位属性：静态，相对，固定或绝对。