유체 960 : 이상한 알파/오메가 행동

Question

나는 현재 Cluid 960을 사용하고 있으며 Alpha/Omega와 함께 이상한 행동을 받고 있습니다. 알파/오메가에 대한 나의 이해는 중첩 그리드에서 왼쪽/오른쪽 여백을 고정시키는 데 사용된다는 것입니다.

그러나 알파/오메가를 한 쌍의 중첩 그리드에 바르면 왼쪽 그리드는 정말 얕은 계약을 맺고 오른쪽 그리드에는 큰 오른쪽 계약이 있습니다 (시각적 관찰). 무슨 일이 일어나고 있는지 아는 사람 있나요?

Answer 1

중첩 그리드에만 필요합니다.

<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>

지금 예상대로 작동합니다.

Answer 2

중첩 그리드는 유체 960에서 작동하지 않는다고 생각합니다. 그리드의 너비는 정확한 픽셀 대신 백분율로 정의됩니다.

이전 답변을 예로 들어, GRID_6은 너비의 48%로 변환되며 GRID_6 내부의 GRID_2는 14.666% * 48%로 변환되지만 예상 14.466%로 변환됩니다.

나는 또한 같은 문제에 직면하고 있으며 유체가 아닌 버전으로 되돌려 야 할 수도 있습니다. 해결책이 있거나 내가 틀렸다면 제안 해주세요.