爲什麼第一個標籤沒有正確放置？

Question

我有一些問題，第一個選項卡，請檢查該&解決我的問題，我給你也不甘示弱：點擊這裏查看我的問題http://jsfiddle.net/anupkaranjkar/JKQZ6/

<style type="text/css" media="screen"> 
    body { font: 0.8em Arial, sans-serif; } 
     .menu { padding: 0; clear: both; } 
     .menu li { display: inline; } 
     .menu li a { background: #ccf; padding: 10px; float:left; 
     border-right: 1px solid #ccf; border-bottom: none; text-decoration: none; color: #000; 
     font-weight: bold;} 
     .menu li.active a { background: #eef; } 
     .content { float: left; clear: both; border: 1px solid #ccf; border-top: none; 
     border-left: none; background: #eef; padding: 10px 20px 20px; width: 400px; } 
    </style> 

Answer 1

改變你的。菜單裏爲display：block

.menu li { display: block; } 

這裏工作正常：http://jsfiddle.net/JKQZ6/2/

Answer 2

你必須從你的類名爲「菜單中的」刪除clear:both;。在這裏您更新fiddle