css布局问题：安排一个包含ul的css布局

Question

我想安排一个内联的容器，但似乎在我的CSS中缺少一些东西。 看起来像class =“second”在使用float：right后不起作用。 我的容器看起来像

<nav id="main"> 
    <a>First</a> 
    <ul></ul> 
    <a>Second</a> 
</nav> 

好像我缺少在我的CSS东西

我的jsfiddle链接：http://jsfiddle.net/pttVq/1/

Answer 1

好，UL必须是内联太...因为它是一个块元素默认。

ul {display: inline;} 

但是，这可能不会得到你正在寻找的效果。尝试将ul留在左边。

ul {float: left;} 

Answer 2

你为什么不让它这样

<nav id="main"> 

    <ul> 
     <li> <a href="#" class="first">First</a></li> 
     <li>1</li> 
     <li>2</li> 
     <li>3</li> 
     <li>4</li> 
     <li>5</li> 
     <li>6</li> 
     <li>7</li> 
     <li>8</li> 
     <li>1</li> 
     <li>2</li> 
     <li>3</li> 
     <li>4</li> 
     <li>5</li> 
     <li>6</li> 
     <li>7</li> 
     <li><a href="#" class="second">Second</a></li>   
    </ul> 

</nav> 

看到它在fiddle

和消除边界

li:nth-of-type(1), li:nth-last-of-type(1){ 
border:none; 
} 

更新fiddle