You can imagine the nav like so
![Navbar breakdown](https://i.stack.imgur.com/prWAX.png)
There are two columns, in the second column are the socials and menu. Each are 100% in width relative to their parent column. Use text-align:right;
and display:inline-block;
to "float" them right.
Here is a working example: https://jsfiddle.net/5fdpwngy/
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…