Я бы хотел вложить Фонд grid-x
.Моя проблема в том, что #spanCells
не имеет ширины родительского #content
контейнера.Он такой же широкий, как и должен быть.
<div class="grid-container">
<div class="grid-x grid-margin-x" id="content">
<div class="grid-x grid-margin-x" id="spanCells">
<div class="cell medium-4">One</div>
<div class="cell medium-4">Two</div>
<div class="cell medium-4">Three</div>
</div>
<div class="medium-9 cell">
Left
</div>
<div class="medium-3 cell">
Right
</div>
</div>
</div>
Мне нужно добавить style="width:100%"
к #spanCells
, но я думаю, что только что допустил ошибку, вложив сетку.
Поскольку код частично генерируется CMS, я не могу просто написать
<div class="grid-container">
<div class="grid-x grid-margin-x" id="spanCells">
[...]
</div>
<div class="grid-x grid-margin-x" id="content">
[...]
</div>
</div>
Итак, как мне правильно вкладывать сетки?