html - 创建一个 css 功能区

Question

我试图在 Div 的右上角放置一个“三 Angular 形”。不知何故，我每次都搞砸了。

That's the Fiddle

那是我的 div:

<div class="gtcr_ttl_wllt_dash">
    <div class="db_ov_layer center">
      <h1 class="ttl_ammnt">Test Module</h1>
      <span class="prf_ttl">Hello There</span>
    </div>
</div>

在 jsfiddle 中有一张图片和所有设置，除了那个偷偷摸摸的三 Angular 形。如果有人有一点空闲时间来帮助我解决这个问题......那就太好了。

Answer 1

包装 div 的 CSS:

.div-wrap {
    position: relative
}

三 Angular 形的 CSS:

.triangle {
    display: block; (if not already a block element)
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
}

快速 fiddle : http://jsfiddle.net/92gvW/3/