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

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

html css

Html 在低分辨率下将第二个选择框重新定位到第一个选择框下,html,css,Html,Css,我有一个助手，我必须创建一个表单，根据分辨率调整大小除了两个位置内联的选择框外，其他一切都正常工作当页面调整大小时，第二个选择框将下拉，其标签保持向上我希望第二个选择框和它的标签在第一个选择框下面，它的标签在一起，一个在另一个下面排列如果可能的话，我只希望在css的解决方案，最好是CSS2 如果我需要添加其他内容，请告诉我，我将编辑我的帖子标签 <div style="display:inline"> <di

我有一个助手，我必须创建一个表单，根据分辨率调整大小

除了两个位置内联的选择框外，其他一切都正常工作

当页面调整大小时，第二个选择框将下拉，其标签保持向上

我希望第二个选择框和它的标签在第一个选择框下面，它的标签在一起，一个在另一个下面排列

如果可能的话，我只希望在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>


选择#1
选择#2

您可以使用

float:left而不是显示：内联并为选择
元素指定固定的宽度

您可以使用float:left而不是显示：内联并为选择
元素指定固定的宽度