부모태그 position : relative 속성 질문입니다.

[이니]

 

부모 container 박스에 position : relative를 주고,

자식태그로 <button>을 넣었습니다. 

자식태그 <button>에 position : absolute 를 적용시키니까

컨테이너 박스가 버튼을 포함하지 않고, 텍스트만 인식하여 높이가 조절이 되더라구요 ..

 

버튼 위치는 display : block / margin : auto 적용시켜서 컨테이너박스에 포함하게끔 만든 후에 중간에 오게했으나,

absolute를 적용했을 때는 왜 부모 컨테이너 박스가 자식을 포함하지 않는 것 인가요??

 

 

**초급강의에서 설명하신 relative, absolute 다시 보면서 해도 해결이 안 되어 질문 올렸습니다. 어쨌든 보기좋게 버튼이 정렬되었지만, relative - absolute 상속관계인데 왜 자식을 인식 못 하는 것일까요..

사진 클릭이 안되는데, 잘 안 보이시면 사진 다시 올리겠습니다. 댓글 부탁드립니다 🙂 ,,

[codingapple]

position : absolute는 요소를 공중에 띄우기 때문에 그렇습니다

공중에 띄워지면 자리차지하지 않습니다

[글쓴이]

글