我的數量框沒有對齊。

不成一直線

它應該看起來像下面的數量標簽

正確對齊

我試過的所有方法都不管用。最好的CSS代碼是什么？

我嘗試的代碼:

width:100%
margin-width: 450px

在“數量”字段下，希望方框看起來像這樣:

通過指定相對于主div的位置和下拉div的絕對位置，您可以將布局設置為圖像中顯示的那樣。

.main-div{
            width:90%;
            height: 150px;
            position: relative;
            border: solid black 2px;
        }
        .dropdown-div{
            position: absolute;
            top: 25%;
            right: 10%;;
            border: solid black 2px;
        }

<div class="main-div">
        Text Here
        <div class="dropdown-div">
            <p>dropdown-content</p>
        </div>
    </div>