Вложенные элементы div не расположены должным образом

Question

Вложенные элементы div не расположены должным образом

0

У меня есть следующий html на тестовой странице, и я не могу понять, почему вложенные позиции div сами +10 пиксели ниже их родителя. Я ожидаю, что они все выстроились прямо над родительским div. Я попробовал установить размер коробки и значения позиции для разных комбинаций, но они отказываются двигаться. Что мне здесь не хватает?

<div class="test">
    <div class="aj1"></div>
    <div class="aj2"></div>
    <div class="aj3"></div>
</div>

http://jsfiddle.net/StrandedPirate/P8vAm/

TugboatCaptain 22 сен. 2013, в 10:34

Источник

Теги:

html

css

4 ответа

Ещё вопросы

Bhojendra Nepal · Answer 1 · 2013-09-22T05-54-00.000Z

Добавить vertical-align: top; к вашему .test div

демонстрация

Или Добавить font-size: 0; к вашему .test

Спасибо, что сработало. Всегда ли размер шрифта учитывался в высоте элементов? Я мог поклясться, что 4-5 лет назад этот код работал без каких-либо настроек шрифта.

Mohammad Masoudian · Answer 2 · 2013-09-22T07-25-00.000Z

просто добавьте line-height: 0; .test

noob · Answer 3 · 2013-09-22T06-57-00.000Z

Вы можете сделать это, предоставив float. Проверьте это http://jsfiddle.net/P8vAm/6/

Hossein · Answer 4 · 2013-09-22T06-02-00.000Z

Добавьте этот код:

.test div{
    vertical-align: top;
}

http://jsfiddle.net/x9z6H/