컨테이너 요소에 가로 방향의 내용이 포함되도록하려면 어떻게해야합니까?

#right이 화면의 오른쪽에서 벗어날 때 #right에 맞게 확장하려면 #container가 필요합니다. Clearfix는 해답을 찾지 못했지만 수직 내용에만 영향을 미칩니다.

질문을 이해할 수 없습니다. 더 설명해 주시겠습니까? – Mohsen

@Mohsen : 녹색 영역이 화면 밖으로 뻗어나 가도록 표시 영역을 연결하고 축소 한 JSFiddle을 보면 빨간색 외곽선이 화면을 둘러 쌀 수 없습니다. 나는 그것을 원한다. –

는이

#container { 
    outline: 1px solid red; 
    min-width: 100%; 
    height: 50px; 
    display:inline-block; 
}

2011-09-27 00:08:13

그는 확장을 원하고'# right'의 나머지 부분을 잘라 내지 않습니다. – Will

죄송합니다 ... 오버플로 : 자동; (스크롤 바를 사용하면) –

'display : inline-block'이 작동하지만 IE7에서는 작동하지 않는다는 점에 유의하십시오. – thirtydot

난 당신이 JQuery와의 몇 줄 필요가 무엇을 달성 할 수 있었다 시도 :

x1=$("#right").width(); 
x2=$("#left").width(); 

$("#container").width(x1+x2);

2011-09-27 00:15:17

가장 간단한 방법은 #container에 float: left를 추가하는 것입니다.

2011-09-27 00:16:41 thirtydot

답변