Я только начал разрабатывать хобби-сайт для себя и пытался использовать 960 css grid-систему для разметки моих html-элементов. на экране.

Я понял основную идею и только что реализовал скелетный сайт здесь, на моем сервере

. У меня есть несколько вопросов:

    


        

            
Home
            
Fake1
            
Fake2
            
Fake3
        

        


            
log in
            
faq
        


    




    
LOGO, TITLE and SLOGAN all go here!

Я использую шаблон на основе сетки 12, следовательно, общее количество «сеток» в каждой «строке» должно быть 12. Однако я могу сделать только два элемента в одной «строке» с общим количеством сеток, добавленным до 11, но не 12. Если я изменю от #user_panel "до" grid_3 prefix4 ", тогда это фактически переместит этот элемент на следующую строку, которая разбивает все.

Другое дело, хотя элементы первого уровня, такие как top_bar и title_bar, находятся в правильном положении (вы можете подтвердить это с помощью удобного плагина Firefox gridfox ), с точной шириной 940 пикселей, вложенные сетки не находятся в положениях, в которых они должны быть (немного вдали от проектных положений).

Я новичок в этой системе сетки CSS, есть ли лучший способ управления элементами гнезда? Я должен сказать, что некоторые примеры веб-сайтов на 960.gs удивительно видеть:)

Спасибо за любое предложение заранее!

Обновленная информация

Хорошо, основываясь на ответе ниже, я считаю, При отладке вложенных сеток все еще можно использовать цветные рамки, есть специальный способ «обмануть»:

Это работает, если я устанавливаю android: gravity = "left" или если я удаляю android: scrollHorizontally и android: singleLine , что нежелательно , Любые предложения?