（HTML・CSS）親要素と連動して子要素を動かしたい

この場合、floatとmarginを使って子要素を固定すると親要素と一定の距離を保ったまま連動して動きます

position系はダメでした。画面の幅によって親要素との間隔が変わってしまいました。

親要素はmax-widthで幅を指定すると、画面幅にそってwidthが変化します。