채택완료

자식div height 값을 부모 div height의 50%가 되게 할 수 있나요?

2018-02-27 (화) 13:50:02 3,128

모바일 페이지라 기종마다 해상도가 다를터라 %값 주는게 나을거같은데

자식div height 값을 부모 div height의 50%가 되게 할 수 있나요?

자식 div가 2개가 있고 position:absloute를 이용해

부모 div를 감싸는 겁니다.

다음 ul li a 태그로 감싸려고 합니다.

자식1_1 자식1_2 자식1_3
자식2_1 자식2_2 자식2_3
|

답변 4개 / 댓글 4개

채택된 답변
+20 포인트
2018-02-27 (화) 14:00:23

부모 요소에  height 값이 있다면 자식요소에서   height:50% 를 쓰시면 됩니다.

답변에 대한 댓글 1개

2018-02-27 (화) 14:22:48
그걸 깜빡했었네요
아까도 그렇고 2번째 답변 감사합니다^^
2018-02-27 (화) 14:03:21

자식 div의 height값에 50%를 주면 되겠지만

이때 부모 div의 height값이 지정되어있어야 할거예요~

그리고 자식 div에 position:absloute값을 주려면 기준이되는 div(부모div)에 position:relative로 지정해주셔야만 합니다^^

답변에 대한 댓글 1개

2018-02-27 (화) 14:23:18
답변 감사합니다^^
2018-02-27 (화) 14:00:09

음 독해력이 부족해서 말씀하신걸 이해를 못하겠네요ㅠ.ㅠ.

일단은 부모 div height 의 50%값을 가지는 자식 div는 absolute 포지셔닝이라면 top: 50%; bottom: 0 혹은 반대로 bottom: 50%; top: 0 과 같이 될것같은데요. 

무엇을 만드시려는 건지 알수가 없어서 ... 정확한 답변이 어렵네요.  

답변에 대한 댓글 1개

2018-02-27 (화) 14:22:09
제가 글솜씨가 없어서 그런거같네요 답변 감사합니다.

height:50% 를 하면 될 텐데 다른 문제가 있나요?

답변에 대한 댓글 1개

2018-02-27 (화) 14:22:28
부모 div에 height값 주는걸 깜빡했었습니다. 답변 감사합니다.

답변을 작성하려면 로그인이 필요합니다.