[생활코딩] fixed

---

고정된 → fixed

 

    <style>
      #parent,
      #other {
        border: 5px solid tomato;
      }

      #me {
        background-color: black;
        color: white;
        position: fixed;
        left: 0;
        top: 0;
      }

      #large {
        height: 10000px;
        background-color: tomato;
      }
    </style>

 

fixed는 특정한 element를 화면에 어떤 위치에 고정 시켜서 스크롤로 부터 완전히 독립 되게 하는 것을 말합니다.

+

fixed도 absolute처럼 width와 heifht 값을 지정하지 않으면

부모가 없어지기 때문에 부피가 100%가 되기 애매하여 자기 컨텐츠 크기가 됩니다.