Html 如何使链接浮动在div的左上角

我想要一个链接浮动在div的左上角，它也应该在前面 其目的是在单击该链接时切换bootsrap折叠功能

下面是我的代码

<div id="Header" class="container container-fluid well-lg img-rounded shadow" style="background-color:whitesmoke">           
<div class="row" id="header">
    <div id="content">
        <div><a href="#" class="btn-floating halfway-fab waves-effect waves-light red">
           </a></div>
    </div>
        <div class="col-lg-offset-1 col-lg-3 col-md-3 col-sm-6">
            @*<a href="@Url.Action("Index", "Home")">*@
                <img src="~/Images/svc.jpg"  class="img-rounded"/>
            @*</a>*@
            <br />
            <b><i>Report </i></b>
         </div>
        <div class="col-sm-12 hidden-lg hidden-md" >
            <hr style="visibility: hidden" />
        </div>
        <div class="col-lg-3 col-md-3 col-sm-12">
            @*@Html.DropDownListFor(m => m.State, ViewBag.StateList as IEnumerable<selectlistitem>, new { @class = "form-control  input-sm", @onchange = "this.form.submit()" })*@            
          @Html.DropDownListFor(m => m.State, ViewBag.StateList as IEnumerable<SelectListItem>, new { @class = "form-control  input-md", @data_toggle = "tooltip", @title = "Select a State from here" })
        </div>
        <div class="col-sm-12 hidden-lg hidden-md">
            <hr style="visibility: hidden" />
        </div>           
            <div class="col-lg-3 col-md-3 col-sm-12" >  
                @Html.TextBoxFor(m => m.date, new { @class = "form-control input-md", @id = "dp1", @PlaceHolder = "Click Here to Select a Date", @data_toggle = "tooltip", @title = "Select a Date from here" }) 
            </div>

    <div class="col-sm-12 hidden-lg hidden-md">
        <hr style="visibility: hidden" />
    </div>
    <div class="col-lg-2 col-md-5 col-sm-12">          
      <table>
          <tr>
              <td>
                  <a href="@Url.Action("Back_Date", "BR")">
                      <img src="~/Images/oie_28455OHvJAUzA.png" class="img-rounded" height="45px" width="45px" data-toggle="tooltip" title="Go back to previous Date" />
                  </a>
              </td>
              <td>
                  <a href="@Url.Action("Next_Date", "BR")" >
                    <img src="~/Images/button-round-arrow-right-icon.png" class="img-rounded" height="45px" width="45px" data-toggle="tooltip" title="Go forward to Next Date"/>
                  </a>
              </td>
          </tr>
      </table>               
    </div>
    </div>
 </div>

@**@


报告

@*@Html.DropDownListFor（m=>m.State，ViewBag.StateList为IEnumerable，新的{@class=“表单控制输入sm”，@onchange=“this.form.submit（）”}）*@
@Html.DropDownListFor（m=>m.State，ViewBag.StateList为IEnumerable，新建{@class=“form control input md”，@data\u toggle=“tooltip”，@title=“从此处选择状态”}）

@Html.TextBoxFor（m=>m.date，新{@class=“form control input md”、@id=“dp1”、@PlaceHolder=“单击此处选择日期”、@data\u toggle=“tooltip”、@title=“从此处选择日期”}）

它的工作，但链接是完全在div内，我希望它一半在外面，一半在里面。像这个红色的加号

---

我举了一个简单的例子，说明我认为你想要什么。使用引导

数据切换

让我知道这是否是你要找的

.wrapper{
位置：相对位置；
利润率：15px；
}
a、 点击我{
位置：绝对位置；
排名：0；
左：0；
转换：翻译（-50%，-50%）；
背景：红色；
颜色：白色；
填充：0 5px；
光标：指针；
文字装饰：无；
}

+
标题

有些文字有些文字有些文字


有些文字有些文字有些文字


有些文字有些文字有些文字

我举了一个简单的例子，说明我认为你想要什么。使用引导

数据切换

让我知道这是否是你要找的

.wrapper{
位置：相对位置；
利润率：15px；
}
a、 点击我{
位置：绝对位置；
排名：0；
左：0；
转换：翻译（-50%，-50%）；
背景：红色；
颜色：白色；
填充：0 5px；
光标：指针；
文字装饰：无；
}

+
标题

有些文字有些文字有些文字


有些文字有些文字有些文字


有些文字有些文字有些文字

您的代码的可能重复项不可用。请提供一个工作片段和/或只是一个复制问题的代码示例。您的代码的可能副本无法使用。请提供一个工作片段和/或一个复制您的问题的代码示例