Question

My code: JSFiddle example

as you can see when you click on a parent link from one column the code moves the other column, and if you set the “position” propriety to “absolute” then the column will not moves but the red box at the bottom will doesn’t move anymore…

how can I fix this?

Answer 1

You can fix this problem by having your columns float: left rather than display: inline-block. Note that this’ll require you to clear your floats at the bottom.

Fiddle