Html 当我缩小屏幕尺寸时CSS问题

我的IE有一个问题。当我最大化屏幕时，一切都很好。 当我减小屏幕尺寸时，输入框和其他div标记保持不变，并且这些扩展到页面布局之外，我的页面看起来很凌乱。我希望我的输入框和其他div标记能够根据需要进行调整，并且不要超出页面布局

我的输入框示例：

<div style="background-color:#c2d69b; 
            width: 628px; 
            padding-left: 5px;
            padding-right: 5px;
            border-color: #6699CC;
            border-width: 1px;
            border-style: solid;">

    <b>Keywords</b><br />
    <input id="keywords" 
           runat="server" 
           type="text" 
           size="100" 
           title="Keywords" /><br /><br />

</div>

关键词




标签的固定宽度迫使容器的宽度为628px。也许您可以使用百分比值（例如100%）来适应周围的容器

此外，您的
标记具有导致固定宽度的属性
size
。您也可以尝试在
样式中为该标记设置一个百分比值，以根据输入字段周围的元素获得灵活的宽度。
删除了Java标记-CSS与Java完全无关。如果屏幕最小化，您怎么能看到任何东西？很抱歉使用了“最小化”一词…我的意思是，如果缩小浏览器屏幕的大小，div和输入框将移出页面布局。