.maindiv {
width: 250px;
min-height: 300px;
background-color: #f5ba13;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
border-radius: 35px;
padding-left: 290px;
margin-left: auto;
margin-top: 30px;
}<div class="maindiv"></div>我創建了一個 div，但與我制作的任何其他專案不同，當我調整視窗大小時，這個 div 會移動。我也不得不在這個專案中遇到其他元素的問題。
我試過了，right: 50%; left: 50%;但 div 似乎卡在視窗的另一側。
我也做了，position: absolute;但它沒有做任何事情。
代碼：
.maindiv {
width: 250px;
min-height: 300px;
background-color: #f5ba13;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
border-radius: 35px;
padding-left: 290px;
margin-left: auto;
margin-top: 30px;
}
uj5u.com熱心網友回復：
只需添加margin-right: auto到 .maindiv 類
uj5u.com熱心網友回復：
嘗試使用這個
.maindiv {
width: 250px;
min-height: 300px;
background-color: #f5ba13;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
border-radius: 35px;
padding-left: 290px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin-left: auto;
margin-top: 30px;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/322089.html
標籤：css