html - HTML/CSS 问题：div 位于右侧

Question

我已经搜索了很多来解决这个问题，但空手而归。

基本上，我有一个从屏幕中心到左侧在 x 轴上重复的 div：

#example{
left:50%;
width:50%;
background-color:red;
background-repeat:repeat-x;
}

这给了 div 只重复到屏幕左侧的错觉，这就是我想要它做的事情。它做到了。我的问题是我想要另一个 div 做同样的事情，除了右边。此代码直接不起作用：

#exampleright{
right:50%;
width:50%;
background-color:red;
background-repeat:repeat-x;
}

有什么问题？有解决办法吗？还是有其他方法可以做到这一点？谢谢！！

Answer 1

您可以考虑使用float代替leftand right：

<div class="example example-left">example left</div>
<div class="example example-right">example right</div>

div.example {
    width:50%;
    background-color:red;
    background-repeat:repeat-x;
}

div.example.example-left {
    float:left;
}

div.example.example-right{
    float:right
}

http://jsfiddle.net/AAKRP/2/