私のコード:JSFiddleの例
ご覧のとおり、一方の列から親リンクをクリックすると、コードによってもう一方の列が移動します。「位置」の適切性を「絶対」に設定すると、列は移動しませんが、下部の赤いボックスは移動します。もう動かない...
どうすればこれを修正できますか?
私のコード:JSFiddleの例
ご覧のとおり、一方の列から親リンクをクリックすると、コードによってもう一方の列が移動します。「位置」の適切性を「絶対」に設定すると、列は移動しませんが、下部の赤いボックスは移動します。もう動かない...
どうすればこれを修正できますか?
この問題は、float: left
ではなく列を使用することで修正できますdisplay: inline-block
。clear
これには、下部のフロートが必要になることに注意してください。
これがあなたの解決策です:http://jsfiddle.net/jh5np/16/