浮动下一个兄弟离开前一个兄弟

Question

的，我不知道如何或者这是否可以使用Internet Explorer来完成6

我想下一个同级浮到前一个兄弟的左

这就是我在做的事情，它与铬6，歌剧9和火狐1 +正确显示。

什么用IE6的问题是previous (2)浮动到最右边（其中当然最好是旁边next (1)是在页面的左侧。

.wrap{float:left;} 
.prev {float:right;} 
.next {float:left;} 


<div class="wrap"> 
<div class="prev">previous (2)</div><div class="next">next (1)</div> 
</div> 

如果可以做，你知道怎么做了，我会给250点

Answer 1

在这里你去：http://result.dabblet.com/gist/2489753

不能使用花车那里，“导致IE有令人讨厌的错误，如果它包含float: right;，它将拉伸到左侧的容器（或者是inline-block）。

但是，有一个很少使用的属性direction，可以用于这样的布局：它是完全跨浏览器，你可以使用它与inline-block s最好的效果。

因此，对于你的情况下，代码会是这样：

.wrap{ 
    display: inline-block; 
    direction: rtl; 
    } 
.prev, 
.next { 
    display: inline-block; 
    direction: ltr; 
    } 

但display: inline-block没有为IE从包装盒的工作，所以你需要通过使内嵌但hasLayout的破解，所以添加这些到IE只在条件注释：

.wrap, 
.prev, 
.next { 
    display: inline; 
    zoom: 1; 
    } 

这就是它！

循序渐进：

1. 使所有的内联块，所以它会在内嵌流程工作。
2. 颠倒包装上的流量。
3. 将流程返回到子项中的正常ltr模式。
4. 它的完成:)

Answer 2

我不记得，如果这一招在IE6工作的赏金。

.wrap{float:left;} 
.next {float:left;} 
.prev {overflow:hidden} 

我不要以为你将需要.wrap{float:left;}

<div class="wrap"> 
    <div class="next">next (1)</div> 
    <div class="prev">previous (2)</div> 
</div> 

这样.prev得到.left浮动后留下的宽度。

演示：

保鲜膜浮动：http://jsbin.com/exevis

没有包裹浮动：http://jsbin.com/opehig

Answer 3

考虑让那个方向财产意思是指像希伯来语言的文本方向，而不是铺设内容。虽然与IE6的怪物打交道时，木津的回答很聪明，我建议你把它包装在一个条件，并确保记录，即使你是页面上的唯一开发商的黑客。所有这一切都需要几个月的时间，也许几个马提尼酒可以启动，而这个实现看起来很荒谬。