3

ナビゲーション ボックスがあり、float が右に設定されているにもかかわらず、"Contact" 要素が完全に右寄せされません。

<div id="navwrapper">
    <ul>
        <li class="single">Home</li>
        <li class="double" id="left">About</li>
        <li class="double" id="right">Contact</li>
        <li class="single">Book</li>
    </ul>
</div>

そして、CSS

#right {
    float:right;
}

他の質問では、左右の要素を交換して目的の効果を得ることが提案されているようですが、うまくいきませんでした。

jsフィドル

4

2 に答える 2

5

overflow:hiddenあなたのul要素が欠けていました。

この動作中の jsFiddleを確認してください。

overflow:hidden浮動要素の親で推奨されます。親がそれらすべてをラップするように強制するため、経験していたような奇妙な動作を防ぎます..

于 2013-07-07T16:05:15.610 に答える
1

marginたとえば、マイナスの位置で検索していると思います。

#right {
float: right;
margin: 0 -3px 0;
}

それはあなたの問題を解決します

フィドル: http://jsfiddle.net/TQFzS/4/

于 2013-07-07T16:10:07.230 に答える