Сетка не складывается, удары по следующей строке

Я в основном скопировал HTML-код & CSS из курса в TreeHouse и сам изменил его, чтобы разместить 10 колонок (вместо 12) в контейнере 1000px и изменить их на проценты.Сетка не складывается, удары по следующей строке

Это было хорошо, прежде чем я изменил его 10 колонок, так что может быть мои расчеты вот и прочь. Но я уверен, что цифры верны.

http://theailona.com/alpha/ или http://cdpn.io/HjiKt

Разум кредитование мне пару свежих глаз? : D

источник

2013-08-16 theailona

Вы должны добавить display: inline-block в свои классы .grid_2 и .grid_8.

По умолчанию дисплей установлен в блок. Который делает каждый div занят собственной линией.

Вот изображение blocks #2,3,4 are <code>display: block</code>, while the inline blocks are lined up in the same line

блоки # 2,3,4 являются display: block, в то время как встроенные блоки выстраиваются в одной и той же линии

источник

2013-08-16 14:53:05 Patrick

Спасибо! Это похоже на трюк, но изначально это было прекрасно, даже если это был дисплей: block. Это было до того, как я изменил его на 10 столбцов. Я добавил встроенный блок в сетку 2, 3, 7 и 8, но как-то #slideshow наклоняется влево. Он должен выстраиваться в линию с правой границей. – theailona

Кажется, что мы работаем на нашем сайте. Вы его отредактировали? – Patrick

Сетка не складывается, удары по следующей строке

ответ

Смежные вопросы