래퍼의 왼쪽과 오른쪽, 그리고 무한대의 2 divs

Question

나는 1024px 너비의 래퍼를 가지고 있습니다. 두 개의 div가 필요합니다.

하나는 래퍼의 왼쪽에 있고 다른 하나는 오른쪽에 있지만 중요한 점은 해당 div가 왼쪽과 오른쪽으로 무한대가되도록하려는 것입니다.

Answer 1

각각 50 % 너비로 시작하고 그 너비에서 컨테이너 너비의 절반을 뺍니다. 위치를 정하십시오.

.left, .right{ 
    position: absolute; 
    width: calc(50% - 512px); 
} 

.left{ 
    left: 0; 
} 

.right{ 
    right: 0; 
} 

이는 스타일링 용도로 사용하는 경우 의사 요소를 사용하는 것이 좋습니다. Here's a fiddle example.