Question

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

以下两个小提琴显示了我所看到的内容（我既不喜欢，也会在下一段中解释）：
偏心 - ＆gt; http://jsfiddle.net/5XMVt/
居中但有缺口的洞 - ＆gt; http://jsfiddle.net/CSGQn/

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

我也在考虑做position: absolute;，但只有当div应该位于 left 侧时，才会有效。当它应该位于右侧时。

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

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;
  }

应该这样做：）

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

3 个答案: