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

回答

相关问题