HTML Divs непоследовательно с помощью файла CSS

Question

Я использую структуру под названием 960.gs (который является большим!)

Я построить Div класс 12 (который расширяется по всей веб-страницы) Затем я решил построить три divs в классе 12, каждый div имеет класс 4 (4 + 4 + 4 = 12)

У меня есть 2 файла CSS, один текст имеет настройки по умолчанию для тела, общие шрифты и т. д. (общие настройки). И другой CSS-файл - таблица стилей, где я редактирую каждый div и применяю стили и т. Д.

По какой-то причине 3 divs (в основном классе 12 div). Первый и второй div используют текст text.css, а третий div использует stylesheet.css.

Я проверил правописание и все, но я не знаю, почему это так. Совет будет полезен!

У меня есть 5 скриншота кода, советы будут оценены https://db.tt/vyv5ihq4

Answer 1

Вместо вложенности три столбца внутри .grid_12 контейнера, просто используйте .grid_4 для каждого из этих столбцов. После последнего. grid_4, используйте div.clear для установки новой строки для дополнительного содержимого (div.clear следует использовать после каждой строки, чтобы поплавки сбрасывались и/или не перекрывали друг друга).

<div class="grid_4"> 
    Grid one 
</div> 
<div class="grid_4"> 
    Grid two 
</div> 
<div class="grid_4"> 
    Grid three 
</div> 
<div class="clear"></div> 
<!-- new columns and content go here after the clearfix above --> 

960.gs demo