0

我的第一个选项卡有问题请检查并解决我的问题

<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>
4

2 回答 2

2

您必须clear:both;从名为“菜单”的班级中删除。这是您更新的小提琴

于 2013-10-18T06:04:09.417 回答
1

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

.menu li { display: block; }

这是正常工作：http: //jsfiddle.net/JKQZ6/2/

于 2013-10-18T06:04:51.780 回答