CSS：浮動のときのアライメント

Question

ページナビゲーションボタン+ドロップダウンボックスがありますが、私はサイドバイサイドで表示しようとしていますが、お互いに協力していません。

両方の項目は右に浮かびます。フィドル：間違って何http://jsfiddle.net/u9dBm/1/

：

• 赤い十字が今
• 赤十字と緑色のチェックはどうあるべきかですが、あなたがいることに気づくでしょう何が起こっているかでありますドロップダウンは、同じ高さのページから離れるときに、上に1ピクセル短くなります...
• 緑のダニは、それがどんなものであるべきかです。

なぜ2つのオブジェクトが高さのある愚かなバグをしているのですか？

問題はありませんが、私が興味があるのは... SPANのページをドロップダウンしたときに、左側に表示されるのはなぜですか？論理的に（または少なくとも私の場合）、それはそれが前ではなくコードの後に​​あるので、後で表示する必要がありますか？

Answer 1

私はこのために全くfloatを使用しません。あなたのコードにいくつかの変更を加えました。あなたの考えを教えてください：http://jsfiddle.net/Wexcode/g2Z5k/

Answer 2

私はいくつかの相対的な位置の周り台無し、と私はこれだ：私はそれがより6つのピクセル高い表示されるようにするLI> .dropdownの終わりに

position: relative; 
top: -6px; 

を追加 http://jsfiddle.net/u9dBm/6/ をそれはそうなっている。なぜ最初にそこにレンダリングされていたのかは分かりませんが、私はあなたに奇抜な修正を与えることができます。

私は本当にデモが好きです。