浮动相对位置内的绝对定位答案

【问题标题】：Absolute positioning inside a Floated Relative position浮动相对位置内的绝对定位
【发布时间】：2013-01-19 20:14:23
【问题描述】：

这是一个 boostrap 示例，您可以看到 span4 使用 pull-right 向右浮动，但 test 块的位置从块的开头开始，因此它出现在 left而不是演示中的right。

我想要的是让它从真正的span4 位置定位，即右而不是左

<!DOCTYPE html>
<html lang="en">
  <head>
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">  
  </head>
  <body>

   <div class="row">
     <div class="span4 pull-right" style='position:relative;'> 
         <div class='test' style='position:fixed;left:0;top:0'>test</div>
     </div>
    <div class="span8"> left </div>
   </div>

  </body>
</html>

演示：http://jsfiddle.net/Ug2cH/1/

【问题讨论】：

标签： css twitter-bootstrap css-float css-position

【解决方案1】：

你意识到你现在使用的是固定定位吗？

<div class='test' style='position:fixed;left:0;top:0'>test</div>

应该变成

<div class='test' style='position:absolute;left:0;top:0'>test</div>

更新的演示： http://jsfiddle.net/Ug2cH/2/

【讨论】：