在div中浮动右固定的svg

Question

正如标题所述，我想要将我的svg折线浮动到位置固定的位置。 JSfiddle：https://jsfiddle.net/krcfno9w/1/

＆＃13;

＆＃13;

div {
  margin: 0 auto;
  max-width: 1200px;
  font-family: Helvetica, Arial;
  background-color: #F7F7F7;
}
.nav {
  position: fixed;
  z-index: 0;
  float: right;
}
.nav polyline {
  fill: #F7F7F7;
  stroke: #B9D7D9;
  stroke-width: 2
}

＆＃13;

<div>
  <svg height="50" width="500" class="nav">
    <polyline points="0,0 500,0 500,50 70,50 0,0" />
  </svg>
</div>

＆＃13;

＆＃13;

＆＃13;

更新：我尝试过：0次已经svg不应该超过最大宽度1200 px;

以下是一个如何表现的示例：https://jsfiddle.net/4k7tcvqx/

Answer 1

这应该是有帮助的：

div {
      margin: 0 auto;
      max-width: 1200px;
      font-family: Helvetica, Arial;
      background-color: #F7F7F7;
    }

.nav {
  position: fixed;
  z-index: 0;
  right: 0;
}

.nav polyline {
  fill: #F7F7F7;
  stroke: #B9D7D9;
  stroke-width: 2
  left: auto;
}

Answer 2

.nav {
  position: fixed;
  right:0px;
   top:0px;
  }