2

我正在尝试用左右箭头构建一个旋转木马。如何将右箭头对齐到屏幕的最右侧？我查看了许多帖子以弄清楚，尝试了浮动和对齐，无法弄清楚。

这是我的 JSFiddle：http: //jsfiddle.net/agassi0430/CcAMD/

在此先感谢您的帮助。

4

3 回答 3

3

最容易position: absolute;在箭头上使用并使用right: 0; left: 0;. 您还必须记住设置position: relative;为包含它们的元素，以便绝对位置在该容器中工作。

这是小提琴。

另外，请注意您的 html 标记。<li><li>将（列表项）以外的任何内容放在<ul></ul>（无序列表）之间是无效的

于 2012-09-29T07:22:46.220 回答
0

请试试这个：

    <div class="category">Most Discussed</div>
    <div class="contents">    
        <ul><div class="leftarrow"></div></ul>
        <ul><div class="content"></div>
            <li></li>
            <li></li>
            <li></li>
            <li></li></ul>
        <ul style="float:right;"><div class="rightarrow"></div></ul>
    </div>
于 2012-09-29T06:40:15.157 回答
0

我认为如果您可以从列表中删除箭头会有所帮助...但是如果您需要将它们保留在列表中，请尝试弄乱显示属性。如display:inline-block；在你的 CSS 中。但要小心，其中一些在旧版本的 IE 中不会很好地降级。对于 IE 7，您可能需要一个小的 css hack ......

于 2012-09-29T06:48:17.900 回答