右對齊箭頭

Question

我想用左右箭頭建立一個旋轉木馬。如何將右箭頭對齊屏幕的右側？我查看了很多帖子，弄清楚了，嘗試了浮動和對齊，都找不到。

這裏是我的jsfiddle：http://jsfiddle.net/agassi0430/CcAMD/

在此先感謝您的幫助。

Answer 1

在箭頭上使用position: absolute;最簡單，並使用right: 0;left: 0;對齊。您還必須記住將position: relative;設置爲包含它們的元素，以便絕對位置在該容器內工作。

Here's the fiddle。

此外，請注意您的html標記。將<li><li>（列表項）之外的任何內容放入<ul></ul>（無序列表）

Answer 2

請試試這個：

<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> 

Answer 3

我認爲這將有助於如果你可以從列表中刪除的箭頭...但如果你需要讓他們在列表中，請嘗試使用顯示屬性亂搞。如display：inline-block;在你的CSS。但要小心，其中一些在舊版本的IE中不會很好地降級。您可能需要對IE 7進行小小的css破解...