Ширина и поле авто по центру не работает

Я посмотрел, как центрировать блок по центру экрана, и понял, что мне нужно указать ширину для значения и поля для авто.

<head>
<style>
#CenteredBlock {
    display: block;
    position: absolute;
    visibility: visible;
    height: 70px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    border-top-style: dotted;
    border-right-style: dotted;
    border-bottom-style: dotted;
    border-left-style: dotted;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
    padding: 0%;
    }
</style>
</head>

<body>
<div class="CenteredBlock" id="CenteredBlock"> Test </div>
</body>

Я хочу, чтобы блок занимал 70% экрана, по центру, слева и справа должно быть 15%. Если я использую поле слева: 15%; и то же самое для правильных тогда центров блока, но все же я хочу знать, почему это не центрируется, когда я указал ширину и поля:auto

Источник

1 ответ

Вы не хотите, чтобы #CenteredBlock позиционировался абсолютно. Вы хотите, чтобы это было "центрировано". Итак, удалите "position:absolute", и все будет работать нормально.

Источник
Другие вопросы по тегам