HangTab：从浏览器窗口边缘创建粘性标签（即使内容居中）

如今，将整个网站水平居中于浏览器窗口中是一种非常健康的技巧（但请注意），尤其是在现在显示器越来越大、分辨率越来越高的时代。不过，有时为了达到效果，打破规则也是不错的选择。查看Panic 为其软件 Coda 创建的网站。

这是浏览器窗口较小的情况

[缺少图像，抱歉]

这是浏览器窗口拉伸后的情况

[缺少图像，抱歉]

“Hangtab”只是一个绝对定位的 div

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

这是 CSS-Tricks 版本。请随意下载和使用。

查看演示

下载文件