<> /* 更多分类样式 */ .more-categories { position: relative; } .more-categories .arrow-down { display: inline-block; width: 0; height: 0; margin-left: 5px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .more-categories .dropdown-menu { display: none; position: absolute; top: 90%; left: 0; min-width: 50px; /* 最小宽度，确保内容不挤压 */ max-width: 100px; /* 最大宽度，限制列宽 */ background: #3eaf7c; box-shadow: 0 2px 10px rgba(0000.1); border-radius: 4px; padding: 10px 0; /* 上下内边距，左右0避免挤压 */ z-index: 1000; white-space: nowrap; /* 强制不换行 */ } .more-categories:hover .dropdown-menu { display: block; } .dropdown-menu .menu-content { display: flex; flex-direction: column; /* 一列多行 */ align-items: center; /* 水平居中 */ width: 100%; /* 占满容器宽度 */ } .dropdown-menu a { float: left; height: 44px; line-height: 48px; color: #fff; font-size: 16px; margin: 0 34px; border-bottom: 2px solid #3eaf7c; transition: color .3sbackground-color .3sborder .3s } .dropdown-menu a:hover { border-bottom: 2px solid rgba(255255255.8) }