我有一个分页输出,显示在其中.这里发布了一个例子:
http://jsfiddle.net/6N4bD/1/
ul包裹着2个div
第一个div是550宽度
名为“paginationDiv”的第二个div基本上包围了ul
ul有list-style:none.我想要做的是让它漂浮正确,但它仍然作为一个块出现.我尝试过很多东西但似乎没什么用.如果我为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/
解决方法
给float:left到#paginationLinks li然后看结果