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

时间:2013-01-19 06:40:17

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

这是一个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/

1 个答案:

答案 0 :(得分:0)

你意识到你现在正在使用固定定位吗?

<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/