Question

我有一个asignment，我必须根据分辨率创建一个可以很好地调整大小的表单。

除了2个内联位置的选择框外，一切都正常。

当页面调整大小时，第二个选择框会下降并且其标签保持不变。

我希望第二个选择框及其标签位于第一个选择框的下方，而另一个选择框和另一个选择框位于另一个选择框的下方。

如果可能，我想在css中使用解决方案，最好是CSS2。

如果我需要添加其他内容或其他内容，请告诉我，我将编辑我的帖子。

拉布勒

            <div style="display:inline">

                <div style="display:inline">
                <p style="display:inline; padding-left: 5em">select #1</p>
                <select style="width:30%;margin-right: 8em"  name="experience">
                <option value="1" label=" "></option>
                <option value="2" label=" "></option>
                <option value="3" label=" "></option>
                <option value="4" label=" "></option>
                </select>
                </div>

                <div style="display:inline">
                <p style="padding-left: 1em; margin-right: 5em; display:inline">select #2</p>
                <select style="width:30%" name="experience">
                <option value="1" label=" "></option>
                <option value="2" label=" "></option>
                <option value="3" label=" "></option>
                <option value="4" label=" "></option>
                </select>
                </div>



            </div>

Answer 1

您可以使用float:left;代替display:inline;，并将固定width提供给select元素。

Jsfiddle

在第一个低分辨率下重新定位第二个选择框

1 个答案: