CSSレイアウト：右のスペースを残しているタブ

Question

私はタブブラウジング用に設計されたページを持っています。タブは<li>で、ブロックとして表示されます。タブの親divは右に浮動するように設定されています。しかし、最後のタブは右にいくらかのスペースを残しています。ウィンドウの右側部分にはついていません。私は、タブ（または親のタブ）を右側に付けるか、1pxのスペースを残すことができます。

Hereはフィドルです。

Answer 1

この

#menu { 
    float: right; 
    height: 34px; 
    width: 590px; 
} 

内を交換

#menu { 
    float: right; 
    height: 34px; 
} 

必要なのは親divの幅を削除しても問題ありません）））

Answer 2

タブの親のdivは正しくフローティングされますが、<ul>の内側は浮かれません。 #menuの幅を設定して、<li>が全幅を占める場合を除き、常に右側にスペースがあります。

あなたが#menuのwidth属性を削除し、またはULを#menuする

float:right; 

を追加するか、{}