让其他div没有被浮动div改变它的流量

Question

我有一个页面顶部有一个float: right'ed div，下面有一个text-align: center'ed div。是否有可能使浮动的div不改变另一个div（它下面的那个）的流量？

这里有两个显示我正在看到的小提琴（我既不喜欢，也会在下一段中解释）： 偏心 - > http://jsfiddle.net/5XMVt/ 居中但间隙孔 - > http://jsfiddle.net/CSGQn/

如果单独留下，底部div被浮动的div向左推（离开中心）。我可以在底部div上做clear: both但是这会将它推到浮动div之下，即使这比偏离中心更好，但它不是最理想的，因为它在它上方创造了一个巨大的洞。我需要浮动的div不要改变它下面的div的流动，就像它甚至不存在一样。

我也在考虑做position: absolute;，但只有当div应该位于左侧，而它应该位于右侧时才会起作用。

我想要的是第一个小提琴，除了“应该居中”文本实际上居中。

Answer 1

您可以使用position：absolute设置右浮动div

并设置正确：0，这将给它与向右浮动它的行为相同。

请注意，这仅在div必须位于页面右侧而不是容器时才有效。

Answer 2

我认为你可以这样做http://jsfiddle.net/5XMVt/4/

或者你可以使用.floating类的绝对位置，并设置右：0px

Answer 3

是的，为什么你没有这样的东西：

<div id="container">
  <div id="rightFloat"> you right floated here</div>
  <div id="content"> your text here</div>
</div>

具有以下风格：

  #container {

  } 
  #rightFloat {
    float: right;
    width: 200px;
    height: 200px;
    border: 1px solid black;
    margin-right: 10px;    
  }
  #content {
    border: 1px solid black;
    float: right;
    clear: none;
    margin-right: 10px;
  }

应该这样做:)