안쪽 절대 위치 요소가있는 요소의 높이를 늘리는 방법

상대적으로 절대 위치 된 lis로 상대적으로 배치 된 ul이 있습니다. 내용에 따라 ul의 높이를 어떻게 높이니까? 당신은 그들이 배치되는, 실제로 요소의 레이아웃에서 제거됩니다 절대 위치 요소를 사용할 때 크기 변화에 자동으로 포함하는 요소를 확장 할 수 있도록 UL에 추가 클래스 clearfix이안쪽 절대 위치 요소가있는 요소의 높이를 늘리는 방법

출처

2012-07-24 Neil

더 많은 정보가 필요하다고 생각합니다. 귀하의 페이지 또는 바이올린 링크가 훌륭한 것입니다. –

빠른 수정이 필요하지 않습니다. 절대 배치 된 요소는 컨테이너를 채우지 않습니다. 예를 들어 javascript를 사용하여 포함 된 요소의 전체 높이를 위치에 따라 계산해야합니다. –

문제는 귀하의리스가 더 이상 오브젝트 흐름이 아니므로 어떤 방법 으로든 귀하의 ul 점유에 영향을 미치지 않는다는 것입니다. lis에 따라 ul 높이를 높이는 유일한 방법은 javascript를 사용하여 lis의 높이를 합계로 설정하는 lis 높이를 더하는 것입니다. –

작동하지 않습니다

절대 위치 된 요소들. 자바 스크립트 기술을 사용하여 절대 위치에있는 LI의 크기를 계산 한 다음 이에 따라 포함 된 UL의 높이를 적절하게 설정할 수 있습니다.

출처

2012-07-24 15:21:02

자바가 내 최후의 수단 이었지만 어쨌든, 어쨌든, CSS 해결책이 있었으면 좋겠다. – Neil

당신은 당신이 정확한 높이를 얻을 수있는 최고 위치 또는 여백을 요약 할 수 있습니다 JQuery와

var totalHeight = 0; 
$('ul>li').each(function(i,el){ 

    totalHeight += $(el).height(); 


}); 

$('ul').height(totalHeight);

사용할 수 있습니다.

출처

2012-07-24 15:25:52

안쪽 절대 위치 요소가있는 요소의 높이를 늘리는 방법

답변

관련 문제