Question

我在第一个标签上遇到了一些问题请检查一下这个＆amp;解决我的问题我也给你小提琴：点击这里查看我的问题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

Answer 2

将您的.menu li更改为display：block

.menu li { display: block; }

此处处于正常工作状态：http://jsfiddle.net/JKQZ6/2/

为什么第一个标签没有正确放置？

2 个答案: