Float right fixed svg in div

-1

由於標題狀態我想浮動我的svg多段線已固定的位置。的jsfiddle：https://jsfiddle.net/krcfno9w/1/Float right fixed svg in div

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>

更新：我曾嘗試右：0多次已經SVG是不應該去在最大寬度1200像素;

這裏是它應該如何像一個例子：https://jsfiddle.net/4k7tcvqx/

來源

2016-09-21 Higeath

你不能** *包裹*固定位置元素周圍的文本......如果這就是你想要做的......你也不能浮動一個固定的位置元素。 –

請澄清您的具體問題或添加其他詳細信息，以確切地突出顯示您的需求。正如目前所寫，很難準確地告訴你要求或試圖達到的目標。 –

@Paulie_D這非常簡單，我想將固定的svg對齊到右側。 – Higeath

這應該是有益的：

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

來源

2016-09-21 10:31:45 mtch9

CSS left屬性對SVG折線元素沒有任何影響。 –

這是非常接近，但它超過了我的最大寬度1200px – Higeath

@Robert Longson是的，我把它遺留下來 – mtch9

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

來源

2016-09-21 10:39:21 Abhinav

Float right fixed svg in div

回答

相關問題