當(dāng)我縮小屏幕尺寸時，按鈕和選擇選項就會根據(jù)片段重疊。在按鈕和選擇選項之間應(yīng)該有一個英寸間隙（當(dāng)屏幕最大化時會出現(xiàn)此輸出）。有人可以幫忙嗎，我應(yīng)該為輸出添加其他內(nèi)容嗎？發(fā)布下面的 html 和 css 代碼：CSS： body { margin: 0; padding: 0; background: #262626; } h3 { text-align: right; color: #C0C0C0; padding-top: 10px; } .box { position: absolute; top:40%; left: 60%; transform: translate(-50%, -50%); } .box1 { position: absolute; top: 50%; left: 60%; transform: translate(-50%, -50%); } .box2 { position: absolute; top: 60%; left: 60%; transform: translate(-50%, -50%); } .box select { background: #a9a9a9; color: #fff; padding: 10px; width: 250px; height: 35px; border: none; font-size: 15px; box-shadow: 0 5px 25px rgba(0,0,0,.5); -webkit-appearance: border; outline: none; } .box1 select { background: #a9a9a9; color: #fff; padding: 10px; width: 250px; height: 35px; border: none; font-size: 15px; box-shadow: 0 5px 25px rgba(0,0,0,.5); -webkit-appearance: border; outline: none; } .box2 select { background: #a9a9a9; color: #fff; padding: 10px; width: 250px; height: 35px; border: none; font-size: 15px; box-shadow: 0 5px 25px rgba(0,0,0,.5); -webkit-appearance: border; outline: none; } .ssystem { position: absolute; top:40%; left: 41%; transform: translate(-50%, -50%); background: #a9a9a9; color: #fff; padding: 10px; width: 250px; height: 35px; border: none; font-size: 15px; box-shadow: 0 5px 25px rgba(0,0,0,.5); -webkit-appearance: border; outline: none; }
1 回答
神不在的星期二
TA貢獻1963條經(jīng)驗 獲得超6個贊
現(xiàn)在沒有按鈕與選擇字段一起使用，并且每個元素都獨立于其他同級元素單獨定位。在這種情況下，同級元素是每個按鈕和您在其中找到選擇字段的 div。
您可以將右側(cè)按鈕與右側(cè)選擇字段放在一起，這意味著您可以用 div 包裹它們并應(yīng)用display: flex，以便它們彼此相鄰。對于間距，您可以添加邊距或填充。
- 1 回答
- 0 關(guān)注
- 111 瀏覽
添加回答
舉報
0/150
提交
取消