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代替left和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/

HTML / CSS问题：div位于右侧

1 个答案: