CSS 두 divs가 나란히 있습니다

오른쪽에 하나씩 늘리면 두 개의 div가 항상 필요합니다. 왼쪽에있는 것이 항상 거기에있을 수는 없으며 128px 너비 & 높이의 이미지가 포함되어 있습니다. 오른쪽 div의 내부에는 100 % 너비의 테이블이 있습니다. 이 작업을 수행 할 수 있습니까? 누구든지이 작업을 수행하는 방법을 알고 있습니까?CSS 두 divs가 나란히 있습니다

출처

2012-03-02 ONYX

나는 혼란 스럽다. div 중 하나가 100 % 넓 으면 두 div를 나란히 가질 수 있습니까? – SenorAmor

그는 나머지 공간의 100 %를 의미한다고 생각합니다. – Dan675

플로트 왼쪽 위치 상대를 시도했는데 작동하지 않는 것 같습니다. – ONYX

Here is a jsfiddle (나는 생각합니다) 귀하의 문제를 해결합니다. 다음에 몇 가지 코드가 도움이되므로 시작할 장소가 있습니다.

트릭은 오른쪽에있는 div의 절대 위치 지정을 사용하여 "스트레치"로 만드는 것입니다. 부모는 정적 위치 지정을 가질 수 없습니다.

편집 : 이미지가 항상있는 것은 아닙니다.이 기술을 사용하려면 논리가 필요할 수 있습니다. 자바 스크립트로 클래스를 추가/삭제하거나 .child2에 left: 0px;이있는 것을 추가하십시오. 어떤 기술을 사용하고 있는지 잘 모릅니다.

EDIT2 : Here is a link이 기술을 설명하는 기사뿐만 아니라 다른 유용한 상황을 설명합니다.

출처

2012-03-02 02:23:40

그 왼쪽 div가 항상 보이지는 않아서 오른쪽이 항상 왼쪽에서 128px가되도록 – ONYX

나는 이것을 간단히 대답했다. 논리가 필요합니다. JS, PHP, JSP 등 무엇이든 프로그램 언어가 필요하다는 의미입니다. 이미지가 없으면'.child2'는'left : 0px; '를 갖습니다. –

CSS 두 divs가 나란히 있습니다

답변

관련 문제