不能浮动内部DIV与固定位置

http://jsfiddle.net/1351qL91/不能浮动内部DIV与固定位置

<div style="width:200px"> 
<span style="float:left">left</span> 
<span style="float:right">right</span> 
<br/> 
<div style="position:relative"> 
    <span style="float:left">left</span> 
    <span style="float:right">right</span> 
<div> 
<br/> 
<div style="position:fixed"> 
    <span style="float:left">left</span> 
    <span style="float:right">right</span> 
</div>

与浮子跨越右不会浮右与固定位置一个div内部。

我得出的结论是，如果容器的宽度为未知，则浮动将不起作用，在这种情况下，宽度确实是未知的。

那么可以解决这个问题的另一个问题是如何设置一个固定位置的孩子到其父母的100％宽度？

PS我使用引导程序3，这意味着容器div（我设置为200px）实际上是类col-md-3 - >我不知道容器的宽度，这就是为什么我需要它是动态的

来源

2015-06-01 Alonzzo2

宽度：100％将占用的所有空间，超过容器 – Alonzzo2

的限制>固定\t该元件相对于定位浏览器窗口。参考：http：//www.w3schools.com/cssref/pr_class_position.asp – odedta

希望它在引导工作https://jsfiddle.net/DTcHh/8322/ –

浮动不会工作内部fixed或absolute divs，除非你指定width 。您可以使用position:fixed来定位自举网格。固定位置的div是相对于浏览器的。您需要使用absolute定位。

来源

2015-06-01 12:19:01

好的，所以没有浮动......我会找出另一个解决方案。感谢大家 – Alonzzo2

如果你想浮动div在另一个如果你没有一个宽度？你可以用％使用：

<div style="position:fixed; border:solid 1px #c1c1c1; width: 100%;"> 
 
    <span style="float:left">left</span> 
 
    <span style="float:right">right</span> 
 
</div>

或者，您可以定义一个宽度div的内部：

<div style="position:fixed; border:solid 1px #c1c1c1;"> 
 
    <span style="float:left; width:150px;">left</span> 
 
    <span style="float:right; width:150px;">right</span> 
 
</div>

来源

2015-06-01 12:10:05 renatofranca

我使用引导3，这意味着容器div（我设置为200px）实际上是类col-md-3 - >我不知道容器的宽度，这就是为什么我需要它是动态的 – Alonzzo2

odedta如何说，固定位置是相对于浏览器。你必须使用固定位置？ – renatofranca

是的 - 我想要一个固定位置的侧栏，内容向左和向右漂移。但我想我必须找到一个不同的解决方案（因为我不想用js计算宽度） – Alonzzo2

将固定位置元素定位到相对于到视口或浏览器窗口本身。因此，当您给出宽度：100％时，它会占用视口中的所有空间。

如果您使用的是jquery，那么可以使用插件来创建固定的位置边栏。实例：

来源

2015-06-01 12:36:08 Raghu

不能浮动内部DIV与固定位置

回答

相关问题