Жидкость 960:Странное поведение Альфа/Омеги

StackOverflow https://stackoverflow.com/questions/2271456

  •  20-09-2019
  •  | 
  •  

Вопрос

В данный момент я использую Fluid 960, и у меня наблюдается странное поведение с альфа/омегой.Насколько я понимаю, альфа/омега используется для фиксации левого/правого полей во вложенных сетках.

Однако, когда я применяю альфа/омегу к паре вложенных сеток, сетка слева имеет очень небольшой отступ, а сетка справа имеет большой отступ справа (визуальные наблюдения).Кто-нибудь знает, что происходит?

Это было полезно?

Решение

Это необходимо только для вложенных сеток, например.

<div class="container_12">
    <div class="grid_2">sidebar</div>
    <div class="grid_6">
        <div class="grid_2 alpha">
            1
        </div>
        <div class="grid_2">
            2
        </div>
        <div class="grid_2 omega">
            3
        </div>
    </div>
    <div class="grid_2">photo's</div>
    <div class="grid_2">advertisement</div>
</div>

Теперь работает так, как ожидалось.

Другие советы

Я думаю, что вложенные сетки не будут работать в Fluid 960.Ширина сетки определяется в процентах, а не в точных пикселях.

Возьмите предыдущий ответ в качестве примера: Grid_6 будет преобразован в 48% ширины, затем Grid_2 внутри Grid_6 будет преобразован в 14,666% * 48%, но ожидается 14,466%.

Я также столкнулся с той же проблемой, и, возможно, мне придется вернуться к нежидкой версии.Подскажите, пожалуйста, есть ли решение или я ошибаюсь.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top