html - 为什么我的 div 默认居中并且在尝试水平对齐时不配合？

Question

div 似乎没有我做任何事情来居中，当我试图将它向左或向右移动时，它根本不会很好地配合并且似乎不可能水平对齐。我不明白为什么它从中间开始，我不明白为什么做诸如“margin-left:-10px”之类的事情根本不会将它移到左边。

*{
    margin:0 auto;
}

#main_cont {
    width:800px;
    height:600px;
    background-color:#CFA759;
    position:relative;
    margin-top:-20px;
    margin-left:-10px;
}

Answer 1

您正在使用此 CSS 为所有内容设置自动居中边距:

* {
    margin: 0 auto;
}

删除该 CSS，并修改您的样式以仅在您需要的元素上应用自动居中边距。