可在主页上查看：tumblr.com
我比任何事情都更好奇，因为我通常不会在我的网络应用程序上进入这样的设计细节。我猜测使用javascript来修改边框会在这里过度或者？
答案 0 :(得分：1)
Tumblr在post div中使用了一个小范围（.arrow）并使用以下css定位它：
width: 12px;
height: 23px;
background: url("/images/dashboard_master_sprite.png?2") no-repeat -396px -247px transparent;
position: absolute;
left: -11px;
top: 22px;
如您所见，有一个图像（箭头）作为跨度的背景，并设置宽度和高度以使跨度可见。
绝对标记允许重叠（虽然不完全重叠，但字面意思是定位与外部div重叠），它从顶部设置为22px，向左设置为-11px，使其“弹出”在div之外。
使用javascript真的是矫枉过正，客户端很重。不要这样做。大多数需要这种东西的网站都使用这种方法，因为它很轻，而且很有效，虽然我个人更喜欢让我的ui纯粹是css / html。