84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
类似这种的下拉框，要做到最好的自适应考虑：
1、左侧文字4-8个不等；2、右侧宽度130或260像素甚至自适应父元素达到父元素最宽；应该使用什么样的html结构以及css布局方式。（为了满足需求当然可以写长短多套组件）。需求第一。
麻烦至少说明结构以及主要CSS布局机制。
认证高级PHP讲师
一个 ul li结构，点击显示隐藏，为什么不用select标签呢？
建议参考bootstrap下拉框的实现，有必要的话可以看看sass或者less源码
简单的说就是ul li之后控制css
你列的要求不难，比如自适应的话就不要给宽度，而是给padding值，关键是你的需求我还是有些不明确，因为这涉及到布局。你是想实现下拉效果还是完全模拟select，比如点击选中某一栏，下拉消失，并且需要在form表单里面进行使用。
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
一个 ul li结构，点击显示隐藏，为什么不用select标签呢？
建议参考bootstrap下拉框的实现，有必要的话可以看看sass或者less源码
简单的说就是ul li之后控制css
你列的要求不难，比如自适应的话就不要给宽度，而是给padding值，关键是你的需求我还是有些不明确，因为这涉及到布局。你是想实现下拉效果还是完全模拟select，比如点击选中某一栏，下拉消失，并且需要在form表单里面进行使用。