layui select 默认宽度不是100%是因为其渲染后外层容器.layui-form-select为inline-block且未设width，需显式设置display:block、width:100%、box-sizing:border-box并加!important才能生效。
layui select 默认宽度为什么不是 100%
因为 layui 的 .layui-select 元素默认是 inline-block，且未设 width，实际宽度由内容撑开或受父容器约束；它不会自动填满父容器，除非你显式干预。常见现象是：select 在表单中显得窄、左右留白、响应式时错位。
直接给 .layui-select 设置 width: 100% 无效？
确实大概率无效——原因在于 layui 渲染 select 时会动态生成包裹结构：.layui-form-select（外层触发框）+ .layui-select-title（显示区）+ dl（下拉列表）。你写的 width: 100% 若只作用于原始 <select> 标签，会被后续 DOM 覆盖或忽略。
- 必须定位到
.layui-form-select才能控制整体宽度 - 该元素默认是
display: inline-block，需同时设width: 100%和box-sizing: border-box - 若父容器有 padding 或 flex 布局干扰，还需重置
margin和vertical-align
生效的 CSS 写法（必须加 !important）
以下样式需放在 layui.css 之后加载，且建议用 <style> 块内联或独立 CSS 文件：
.layui-form-select {
display: block;
width: 100% !important;
box-sizing: border-box;
margin: 0 !important;
}
.layui-form-select .layui-select-title {
width: 100%;
}
注意：不加 !important 很容易被 layui 内联 style 覆盖；display: block 是关键，否则 width: 100% 对 inline-block 无意义。
配合 form-item 使用时的坑
如果你把 select 放在 <div class="layui-form-item"> 里，默认左右有 padding: 15px，会导致 select 实际宽度超限、换行或横向滚动。
- 要么给
.layui-form-item加margin: 0和padding: 0 - 要么把 select 提到
.layui-form-item外，用layui-inline或自定义布局包裹 - 移动端下还要防 iOS Safari 的 zoom 行为，可加
user-scalable=no到 meta，但更稳妥的是用min-width: 0防止弹性容器收缩异常
真正起效的永远不是“设了 width”，而是整条渲染链路上没有其他样式抢夺控制权——尤其是动态插入的 layer 结构和 form 组件的隐式约束。
