html - 右对齐位于 div 内的内联 UL

Question

我有一个显示在

中的分页输出。此处发布了一个示例: http://jsfiddle.net/6N4bD/1/

ul 包裹着 2 个 div

第一个格是 550 宽度第二个 div 称为“paginationDiv”，基本上将 ul 包裹起来

ul 具有列表样式:无。我想要做的是让它正确 float ，但它一直显示为一个 block 。我尝试了很多东西，但似乎没有任何效果。如果我向 paginationDiv 添加宽度，那么它可以工作，但它不准确，因为它永远不会固定宽度

这是它的样子:

<div class="parentDiv">
   <div class="paginationDiv">
      <ul id="paginationLinks">
        <li>Page 1</li>
        <li>Page 2</li>
      </ul> 
    </div>
 </div>

这是html代码

这是CSS:

div.parentDiv { 
  width: 550px; 
}
div.paginationDiv {
  float: right;
}
#paginationLinks ul {
  border: 0;
  padding: 0;
  margin: 0;
}
#paginationLinks li {
  list-style: none;
}

我在这里发布了一个示例: http://jsfiddle.net/6N4bD/1/

Answer 1

将float:left赋值给#paginationLinks li，然后查看结果