使其他股利没有其流动由浮动股改

我有一个float: right顶部ed div和text-align: center'ed股权在其下的页面。是否有可能使浮动的div不会改变其他div（正下方的那个）的流动？使其他股利没有其流动由浮动股改

这里有两个小提琴，显示我所看到的东西（我都不喜欢，他们在接下来的一段解释）：
偏离中心 - >http://jsfiddle.net/5XMVt/
中心，但大洞 - >http://jsfiddle.net/CSGQn/

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

我也想这样做position: absolute;但如果格被认为是对左侧，当它应该是在右侧，只会工作。

我想喜欢的第一个小提琴除了'应该居中'文本居然居中。

来源

2011-06-15 Seth Carnegie

您可以设置位置向右浮动的DIV：绝对

并设置正确：0，这将给它相同的行为，因为它浮动的权利。

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

来源

2011-06-15 03:26:56 willvv

小提琴的那个，http://jsfiddle.net/5XMVt/1/。我不明白你的意思是div必须在页面的右侧，而不是一个容器，虽然... – 2011-06-15 03:28:53

哦，我有多愚蠢。忘了“正确”。这将是7分钟内的答案。 – 2011-06-15 03:29:15

@冷夏威夷，感谢您花时间。我的意思是，你将无法使用这种技术将它放在容器div的右侧。 – willvv 2011-06-15 03:36:45

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

，或者您可以使用绝对位置的.floating类，并设置正确：0像素

来源

2011-06-15 03:30:07 yoel

是的，为什么不你有类似的东西：

<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-15 03:36:50 Vern

使其他股利没有其流动由浮动股改

回答

相关问题