HangTab: 브라우저 창 가장자리에서 스티커 태그 만들기(중앙 콘텐츠도 포함)

요즘은 특히 모니터가 점점 커지고 해상도가 높아지면서 전체 웹 사이트를 브라우저 창에 수평으로 배치하는 것이 매우 건강한 기술입니다. 하지만 때로는 실제로 규칙을 어기는 것이 좋다. 패닉의 웹사이트에서 그들의 소프트웨어 코다를 확인하십시오.

이것은 브라우저 창이 상당히 작은 경우입니다.

[MISSING IMAGE, 죄송합니다]

브라우저 창을 늘린 모습입니다.

[MISSING IMAGE, 죄송합니다]

"Hangtab"은 완전히 위치하는 디브입니다.

#hang_tab {
    position: absolute;
    top: 7px;
    left: 0;
    width: 157px;
    height: 93px;
}

다음은 CSS-Tricks 버전입니다. 자유롭게 다운로드하고 사용하세요.

데모 보기

파일 다운로드