繁體 < type="text/css"> .user{ float: right; position: relative; } .user>.login-others{ margin-left: 15px; } .login-others>ul{ display:none; font-size:16px; font-weight:normal; position: absolute; width: 143px; background: #fff; z-index: 900; box-sizing: border-box; -webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.18); box-shadow: 0 3px 4px rgba(0,0,0,0.18); -webkit-transition: -webkit-box-shadow .2s; transition: box-shadow .2s; border-top: 1px solid #e8e8e8; right: -57px; } .login-others:hover>ul{ display:block; } .login-others>ul>*{ display: block!important; color: #333; padding: 0 20px; margin:0; box-sizing: border-box; } .login-others>ul>a:hover{ background:#4eaae4; color:#fff; text-decoration: none!important; } .login-others>ul>*:hover i path{ fill:#fff; } .login-others>ul>* i svg{ vertical-align: middle; } .login-others>ul>span{ line-height: 1.5em; text-align: center; cursor: default; padding: 8px 5px; border-bottom: 1px solid #e8e8e8; } .login-others span svg{ vertical-align: middle; } .login-others>ul>*:before{ display:none; } @media screen and (max-width: 1000px) { .user{ padding-right:10px; } }