1

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

这里有两个小提琴，展示了我所看到的（我都不喜欢，他们在下一段中解释）：
off-center -> http://jsfiddle.net/5XMVt/
centered but gaping hole -> http:// jsfiddle.net/CSGQn/

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

我也在考虑这样做position: absolute;，但这只有在 div 应该在左侧，而它应该在右侧时才有效。

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

4

3 回答 3

2

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

并设置 right:0，这将使其具有与向右浮动相同的行为。

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

于 2011-06-15T03:26:56.967 回答
1

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

或者您可以对 .floating 类使用绝对位置，并设置 right:0px

于 2011-06-15T03:30:07.810 回答
0

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

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

应该这样做:)

于 2011-06-15T03:36:50.897 回答