我正在嘗試在導(dǎo)航欄中并排對(duì)齊 3 個(gè) div。在過(guò)去的 5 個(gè)小時(shí)里，我一直在試圖解決這個(gè)問(wèn)題，我知道這是一件非常簡(jiǎn)單的事情，我無(wú)法理解。這就是我現(xiàn)在所處的位置。如果我浮動(dòng)右對(duì)齊 div，標(biāo)簽“加入和支持”就會(huì)堆疊在一起。<div id="sticky-nav">    <div class="container">        <div class="box">            <div class="align-left">                <a href="javascript:void(0)" class="active">Home</a> <a                    href="javascript:void(0)">Listings</a>            </div>            <div class="align-center">                <form action="/action_page.php">                    <input type="text" placeholder="Search..">                    <button type="submit">                        <i class="fa fa-search"></i>                    </button>                </form>            </div>            <div class="align-right">                <a href="javascript:void(0)">Join</a> <a                    href="javascript:void(0)">Support</a>            </div>        </div>    </div></div>#sticky-nav {    overflow: hidden;    background-color: #7889D6;    position: fixed;    top: 0;    width: 100%;}#sticky-nav a {    float: left;    display: block;    color: #f2f2f2;    text-align: center;    padding: 14px 16px;    text-decoration: none;    font-size: 17px;    display: block;}#sticky-nav input[type=text] {    padding: 6px;    margin-top: 8px;    font-size: 17px;    border: none;    max-width: 300px;    width: 100%;}#sticky-nav button {    padding: 6px 10px;    padding-top: 1px; margin-top : 8px;    margin-right: 16px;    background: #ddd;    font-size: 17px;    border: none;    cursor: pointer;    margin-top: 8px;}#sticky-nav a:hover {    background-color: #ddd;    color: black;}#sticky-nav a.active {    background-color: #4CAF50;    color: white;}.container {    display: table;    width: 100%;}.box {    display: table-row;}.align-left {    width: 33%;    text-align: justify;    display: table-cell;    padding: 10px;}編輯：這是我想要實(shí)現(xiàn)的布局，