<!文档类型 网页类型>
<网页 语言代码="中文">
    <网页头部>
        <网页信息 文档编码="UTF8" />
        <网页信息 名称="页面视图" 关联数据="视图宽度=填充视图宽度,初始缩放值=1,最大缩放值=1,用户缩放状态=假" />
        <网页信息 关联HTTP="兼容模式" 关联数据="最高IE版本" />
        <网页标题>Document</网页标题>
    </网页头部>
    <网页主体>
        <区块 类名="lay-表单 查询区域样式">
            <区块 类名="lay-表单-项目">
                <区块 类名="lay-输入框-内联块 查询项目样式">
                    <下拉列表 id="查询项目" 属性名称="查询项目" lay-过滤器="查询项目">
                        <列表选项 列表值="0">ID</列表选项>
                        <列表选项 列表值="1">账号</列表选项>
                        <列表选项 列表值="2">手机</列表选项>
                        <列表选项 列表值="3">邮箱</列表选项>
                    </下拉列表>
                </区块>
            </区块>
            <区块 类名="lay-表单-项目 lay-表单-文本">
                <区块 类名="lay-输入框-内联块">
                    <数据框 id="查询内容" 属性名称="查询内容" 数据类型="文本输入" 数据值="" 默认提示="请输入查询用户ID" 类名="lay-输入框" />
                </区块>
            </区块>
            <区块 类名="lay-表单-项目">
                <区块 类名="lay-输入框-内联块">
                    <按钮 id="查询按钮" 类名="lay-按钮 lay-按钮-百搭" lay-提交 lay-过滤器="查询提交"><斜体文本 类名="lay-图标 lay-图标搜索"></斜体文本>查询</按钮>
                </区块>
            </区块>
        </区块>
        <样式>
            .查询区域样式 {
                背景-颜色: 颜色值-橙色;
            }
            .查询区域样式 > .lay-表单-项目 {
                显示模式: 内联块元素;
            }
        </样式>
    </网页主体>
</网页>

我已经有用过 弹性布局 解决了，想要深入研究一下 lay的样式是怎么回事！所以看看能不能配置lay的样式来解决这个问题！

采纳500+送小米笔记本电脑