HTML CSS div внутри div с автоматическим полем не по центру? - PullRequest
Новая
       29

HTML CSS div внутри div с автоматическим полем не по центру?

1 голос
/ 21 ноября 2011

У меня есть разделитель, который центрируется на странице, используя margin:auto. Внутри у меня есть еще два разделителя (не могут быть объединены, должен быть разделителем, вложенным в разделитель), когда я пытаюсь центрировать что-то внутри этого, оно не центрирует его в центре страницы. Я предполагаю, что это связано с padding-left и padding-right, которые я добавил ... Любое понимание?

Вот мой код: 

<center>
    <div style="margin:auto; width:80%;">
        <div style="width:50%; padding-left:20%; padding-right:20%;">
            <div style="width:inherit; position:absolute; bottom:0%;">
                <hr />
                test
                <hr />
                <br><br><br>
            </div>
        </div>
    </div>
</center>

1 Ответ

5 голосов
/ 21 ноября 2011

Просто удалите тег center: 

<div style="margin:auto; width:80%;">
    <div style="width:50%; padding-left:20%; padding-right:20%;">
        <div style="width:inherit; position:absolute; bottom:0%;">
            <hr />
            test
            <hr />
            <br><br><br>
        </div>
    </div>
</div>

Проверьте это здесь: http://jsfiddle.net/V8qMm/

...