我现在想做一个导航栏，左侧有一个logo，中间是导航栏的条目，右边是一个下拉菜单，当屏幕变小的时候，导航栏条目逐渐的移动到下拉菜单中，当屏幕变大时，下拉菜单中的条目再移动到导航栏的条目中
有哪位大神曾经做过或者有思路有代码还希望不吝赐教，小弟在此谢过！！！
学习是最好的投资！
boostrap框架自己研究
我大概说一下我的想法判断所有子元素长度(包括border、padding、margin)是否超出父元素的长度，然后把超出部分移入下拉菜单
常见的是一定的尺寸用一种样式，参考一个网站https://www.awesomes.cn/不限于这个网站现在好多都有了吧小尺寸时：
用媒体查询，宽于768px时↓@media (min-width: 768px)……
你说的那个需求就……
感谢大家的回复，这个确实需要js来控制，我自己想想办法，可能当时我想的有点复杂了，等实现之后我会在这里回复，感谢大家的帮助
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
boostrap框架自己研究
我大概说一下我的想法
判断所有子元素长度(包括border、padding、margin)是否超出父元素的长度，然后把超出部分移入下拉菜单
常见的是一定的尺寸用一种样式，参考一个网站https://www.awesomes.cn/不限于这个网站现在好多都有了吧
小尺寸时：
用媒体查询，宽于768px时↓
@media (min-width: 768px)……
你说的那个需求就……
感谢大家的回复，这个确实需要js来控制，我自己想想办法，可能当时我想的有点复杂了，等实现之后我会在这里回复，感谢大家的帮助