html - 为什么第一个选项卡没有正确放置？

Question

我的第一个选项卡有一些问题请检查这个并解决我的问题我也给了你 fiddle :单击此处查看我的问题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

您必须从名为“menu”的类中删除clear:both;。这是您更新的 fiddle