Css 我在div元素位置有问题_Css_Position_Css Position

Css 我在div元素位置有问题

css

Css 我在div元素位置有问题,css,position,css-position,Css,Position,Css Position,我试着将div元素定位在中间，但左上角的动作符合我的要求（它指向中间而不是整个div），我该怎么办 <!DOCTYPE html> <html lang="en" dir="ltr"> <body> <div class="container"></div> <input class="click-button" type="button" name="button" value="Click" onclick="cl

我试着将div元素定位在中间，但左上角的动作符合我的要求（它指向中间而不是整个div），我该怎么办

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <body>
  <div class="container"></div>
  <input class="click-button" type="button" name="button" value="Click" onclick="clearWrite()"></button>
  <p id="text"></p>
    <script type="text/javascript" src="js/javascript.js"></script>
  </body>
</html>

使用translate（-50%，-50%），它将在Y轴和X轴上移动到其高度和宽度的50%

正文{
背景色：rgba（75,75,75,0.7）；
}
.集装箱{
背景色：白色；
高度：200px；
宽度：200px；
位置：绝对位置；
最高：50%；
左：50%；
转换：转换（-50%，-50%）；/**添加此**/
}

body {
  background-color: rgba(75, 75, 75, 0.7); }

.container {
  background-color: white;
  height: 360px;
  width: 640px;
  position: absolute;
  top: 50%;
  left: 50%; 
}