콘텐츠가 컨테이너 길이를 초과하지 않도록하려면 어떻게해야합니까?

페이지의 클라이언트 목록을 표시하고 오른쪽에 일정에 대한 새 날짜 예약 일정이 표시됩니다. 출력을 테스트 할 때 그날 많은 클라이언트가 오면 목록이 컨테이너의 길이를 초과한다는 것을 알았습니다. 이것에 대해 무엇을 할 ..콘텐츠가 컨테이너 길이를 초과하지 않도록하려면 어떻게해야합니까?

일부 코드 :

용기 :

#container { 
background-color: #FFFFFF; 
margin:0 auto; 
min-height: 600px; 
width: 900px; 
border:0px solid #999999; 
margin-top:30px; 
font-size:15px; 
color: #000000; 
margin-bottom:60px; 
position:absolute; 
} 

#calendar { 
margin-left:400px; 
}

출처

2011-04-11 KPO

당신이 [jsFiddle] (http://jsfiddle.net/)를 사용하여 코드를 보여줄 수 있을까요? – thirtydot

html을 게시 할 수 있습니까? 편집 : 위의 +1;) – Calum

당신이 #container 전혀 확장 하시겠습니까?

그렇지 않으면 min-height를 height로 변경하고 overflow : hidden을 추가하십시오.

더 나은 솔루션은 데이터를 제공하는 모든 것을 수정하여 주어진 시간에 미리 결정된 수의 클라이언트 만 수신하도록하는 것입니다.

출처

2011-04-11 21:54:22 Todd

그것은 작동하지 않았다. 용기의 높이를 0.5 인치 밖에 늘리지 않았습니다. – KPO

예 # 컨테이너가 #container의 길이를 초과하면 #container가 목록의 길이로 확장되기를 원합니다. – KPO

코드가 위험 할 수 있습니까? 자신이하는 일을 정확하게 보여줄 수 있다면 우리가 당신을 도울 수있을 것이라고 확신합니다. – Todd

overflow: auto; 무엇을 찾고 계십니까? 내용이 컨테이너의 크기를 초과하면 스크롤 막대가 추가됩니다.

출처

2011-04-11 21:54:50 penguinrob

아니요, 컨테이너에 이러한 클라이언트 목록이 포함되어 있다고 말하고 있지만 목록의 길이가 컨테이너의 길이를 초과하여 초과되었습니다. 컨테이너의 높이가 목록의 길이에 맞게되도록 어떻게 할 수 있습니까? – KPO

컨테이너에서 높이 속성을 제거하고 고정 된 레이아웃이나 다른 것이 없으면 containter *가 자동으로 * 야합니다. 확장 – penguinrob

시도했습니다. 여전히 나옵니다. – KPO

최소 높이를 사용하십시오. 예 :

min-height: 300px;

이 스타일을 지정하면 요소가 그 내용을 포함 할 높은, 또는 충분히 키 300 픽셀 것 - 중 더 높은합니다.

(모든 웹 브라우저 분 높이와 함께 작동합니다.)

출처

2011-04-11 22:09:44 KatieK

나는 위에서 게시 한 코드에서 최소 높이를 사용하고 있습니다. 나는 파이어 폭스에있다. – KPO

바로 그거야. HTML 코드를 게시 할 수 있습니까? – KatieK

감사합니다. 문제는 위치와 관련이 있다고 생각합니다. #container의 절대 값입니다. xample로 복사하는 것을 잊어 버렸습니다. 만약 내가 그것을 제거하면 높이가 조정하지만 그때 달력이 모든 길을 간다. – KPO

콘텐츠가 컨테이너 길이를 초과하지 않도록하려면 어떻게해야합니까?

답변

관련 문제