html margin不居中,html – CSS“margin：0 auto”不居中

好的,我知道这个话题已被涵盖.但是我已经研究过各种解决方案并且几乎没有成功.

我只是不知道为什么这个保证金：0自动;不管用.我尝试用宽度补偿填充：calc(33％ – 40px);但这不起作用.

任何帮助解决为什么会这样,解决方案将不胜感激！

.container {

margin: 0 auto;

}

[class*='col-'] {

float: left;

}

.col-2-3 {

width: 66.66%;

}

.col-1-3 {

width: 33.33%;

}

.grid:after {

content: "";

display: table;

clear: both;

}

.col-word {

width: auto;

height: auto;

padding: 25px;

border: 5px #000 solid;

border-left: 0px;

border-right: 0px;

background-color: #A7F4F6;

font-size: xx-large;

text-align: center;

}

T

V

W

P

V