2016-09-21 13 views
-1

タイトルが示すように、位置が固定されている私のsvgポリラインを浮動小数点にしたい。 JSfiddle:https://jsfiddle.net/krcfno9w/1/div内の浮動小数点の固定svg

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 
 
}
<div> 
 
    <svg height="50" width="500" class="nav"> 
 
    <polyline points="0,0 500,0 500,50 70,50 0,0" /> 
 
    </svg> 
 
</div>

UPDATE:私は右試してみました:0複数回をすでにSVGは、最大幅1200ピクセルの上に行くことになっていません。ここで

は、それがのように行動すべきかの例です:https://jsfiddle.net/4k7tcvqx/

+0

* *固定位置要素の周りのテキスト...もしそれがあなたがやろうとしているものなら...固定位置を浮かべることはできません要素です。 –

+0

具体的な問題を明確にしたり、詳細を追加して必要なものを正確に強調してください。現在書かれているように、あなたが求めているか達成しようとしていることを正確に伝えるのは難しいです。 –

+0

@Paulie_Dかなり単純ですが、固定されたsvgを右側に揃えたいと思っています。 – Higeath

答えて

0

これが参考になっなければなりません:あなたは**ラップすることはできません

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; 
} 
+0

CSS leftプロパティは、SVGポリライン要素には影響しません。 –

+0

かなり近いですが、それは私の最大幅1200pxを超えています – Higeath

+0

@Robert Longsonええ、私は偶然それを残す – mtch9

0

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