html - 如何使用 HTML 定位 "box"的 div

Question

我已经尝试过对齐、位置和其他方法。找不到这个问题，因为我会找到与此相关的主题来讨论 <div> “功能”，但我需要 div{} 的解决方案

这是我的代码:

div{background-color: White;    opacity:0.7;    width: 380px;    height: 325px;}

那么我如何将它定位在特定位置，甚至使用简单的关键字(如对齐中心等)。我试过align:center;和 position:center; (出于好奇)但没有人做我认为会做的事情。那我该怎么做呢？？

Answer 1

您可以尝试使用 position、top 和 left 将您的 div 放在您想要的任何位置。像这样:

div{
    background-color: #000; 
    opacity:0.7; 
    width: 380px; 
    height: 325px; 
    position: relative; 
    top: 200px; 
    left: 300px;
}   

如果你想让你的 div 居中，你也可以调整边距:

margin: 0px auto;