[css] position: absolute가 자식일때 부모(rel) 높이를 abs(자식)만큼 잡기

css로는 못하는 거 같다.(float 마냥 clear 처리 ㄴㄴ)

 

너가 만약 부모인 rel에서 자식 abs 높이까지 유동적으로 받아오고 싶다면

     1.  js로 자식의 높이를 받아서 부모에게 height 할당하는 방법으로 해결하라는 솔루션?을 봤다.

         (문제)  문제 발생, 높이를 여기서 잡아버리면 처음 높이값을 얘가 가지고 가버림.... 그래서 PC 브라우저 창을 줄일때 여백이 크게 생김. (jQuery 리사이징안에서 써야하나???) js쪼랩 웁니다ㅠㅠ

만약 너가 부모인 rel에서 자식 abs 높이까지 유동적으로 받아오지 않아도 된다면(고정된 영역이라면)

     2. 그냥 부모인 rel에 height 박자

 

다른 방법이 있다면 알려주세뇨.....

 

tip:) 논외지만, abs는 조상 rel을 기준으로 위치를 잡는다. 만약 공태그라고 생각을 하고, abs를 했는데 조상중에 rel이 없다면 브라우저(화면) 기준으로 position 위치값이 정해진다.

고로, 원하는 영역 내에서 position(B)을 이동시키고 싶다면, 그 원하는 영역(A)에 rel을 줘보자. 그럼 그(A) 안의 abs(B)는 그(A) 영역에서 돌아다닐것이다.

 

단, 여기서 그(A) 영역은 자식중 하나였던 B의 높이를 알지 못한다. 

깔끔하게 A 밑에 1 2 3 B 가 있었다면, 1+2+3의 높이까지는 잡지만, 1+2+3+B의 높이는 못잡는다. 

이걸 해결하고 싶으면 맨위의 방법(js)을 활용하여야 하는것 같다.