#content { display: flex; width: 100%; height: 88vh; } #footer { border-top: solid 1px #10101011; padding: 10px 20px; text-align: center; } #footer p { margin-top: 0; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; } #master { display: flex; flex-grow: 1; /* 自动占据剩余空间 */ width: 70%; margin: 0 auto; height: 100%; } #browser { /* border: solid 1px black; */ width: 100%; height: 95%; margin: 0 auto; overflow: auto; padding: 10px 5px; } #search-result { width: 100%; height: 75vh; } #rt-side { width: 15%; overflow: auto; border-left: solid 1px #10101011; /* background-color: #00ff000a; */ display: none; } #playlist, #playlist li { list-style: none; } #playlist { padding-left: 10px; } #playlist li { display: flex; align-items: center; border: solid 1px transparent; margin-bottom: 5px; } #playlist a:first-of-type { display: inline-block; width: 80%; margin-left: 5px; } #playlist a:last-of-type { display: inline-block; margin: 0 auto; } #playlist li:hover { background-color: #1f1f1f11; border: solid 1px #10101011; } #playlist p:first-of-type { display: inline-block; /* 限制宽度父元素 80% */ width: 80%; padding-left: 5px; margin: 0; font-weight: bold; font-size: 0.9em; } #playlist p:last-of-type { display: block; width: 100%; color: gray; margin: 0; font-size: 0.7em; }