Question

我的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>

Answer 1

<div>标记的固定宽度强制容器的宽度为628px。也许您可以使用百分比值（例如100％）来适应周围的容器。

此外，您的<input>代码具有导致固定宽度的属性size。您还可以在style中为该标记尝试一个百分比值，以获得灵活的宽度，具体取决于输入字段周围的元素。

我减小屏幕尺寸时出现CSS问题

1 个答案: