• 포토폴리오
  • 그누스킨
  • 소스팁
  • 제작의뢰
  • 질문답변
  • 공지사항
  • 로그인
  • 회원가입
  • CSS.. 좌 하단에 배너 위치시키기..

    페이지 정보

    개발자  0 Comments  173 Views  19-10-26 21:58  Css

    본문

    간혹 클라이언트들로 부터 요청을 받다보면..
    



    좀 의아한 요청 또는 생각지도 못한 요청을 받게 됩니다.



     



    이번 제가 진행한 요청사항은.. 좌 메뉴 하단에 연락처 배너를..



    콘텐츠 길이와 관계없이 무조건 하단에 뜨게 해달라고 요청을 받았네요..



     



    콘텐츠 최하단 무조건 고정이 아닌 좌 메뉴 안에서 하단이라니 ㅜ



     



    한 40분 헤매서 저와 같이 고생하지 말자는 의미로 공유합니다.



    저희는 시간이 돈이자나요.



     



    #leftmenu {position: relative; width: 100px; height: 125px;}

    #tel {position: absolute; right: 10px; bottom: 10px;}



    <div id="leftmenu">

      <div id="tel">

        내용입니다

      <div>

    <div>



     





    바깥 div의 position 속성을 relative로 두면



    자식 div인 #tel이 absolute속성을 가지게 되어도 부모 사이즈 안에서 움직이게 됩니다.



     



    예시를 막 적다보니 좀 적당하지 않지만...



    제 경우엔 콘텐츠를 둘러싸는 wrapper div안에 위치시켜 처리했네요..



     



    사소하지만 저와같이 css에 약한 개발자분들께 도움이 되길..



    읽어주셔서 감사합니다.

    댓글목록

    등록된 댓글이 없습니다.

    Copyrightⓒ heogeol.com All rights reserved.