0

最初のタブに問題があります これをチェックして問題を解決してください 私はあなたにもフィドルを与えました : ここをクリックして私の問題を確認してください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>
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 に答える