html - 在特定点修复了html anchor 标记

我有以下HTML。我想将“查看全部”锚标签的位置固定在特定位置。取而代之的是，锚标签随着下拉列表中值的更改而移动（即根据下拉列表中更改后的值的长度）。

<div class="row " style="margin-left:75pt;">
            <div class="dropdown" style="width:300px;display:inline;">
                <label class="text-center" id ="categories"  style="margin-top:10pt;font-size:14pt;"> Deals on</label>&nbsp;
                <button data-toggle="dropdown" class=" btn dropdown-toggle dropdown-menu-hover-color text-center" style="padding:0px 0px;background-color:white;" href="#"><label style="font-size:14pt; color: #191970;" >{{currentCategory}}</label>&nbsp;<b class="caret"></b></button>
                <ul class="dropdown-menu submenu-hover-color dropdown-menu-scroll"  style="margin:0;">
                    <li>
                        <a href="#" id="{{page.category_id}}" ng-click="changeCategory(page.category_id);" ng-repeat="page in dropdownCategoryList" ng-model="category_id">{{page.category_name}}</a>
                    </li>
                </ul>
            </div>
            <div style="display:inline;" ng-show="deals"><a href="#" class="view-all-category"> View All</a></div>
            <div style="display:inline;" ng-hide="deals">&nbsp;&nbsp;<label class="text-center" style="margin-top:10pt;font-size:12pt;color: #909090;;">No deals found, please select a different category. </label></div>
        </div>

关于如何实现这一目标的任何指示。
提前致谢。

最佳答案

尝试使用以下html：

<div style="display:inline; position: fixed; top: 100px;" ng-show="deals"><a href="#" class="view-all-category"> View All</a></div>

根据需要设置“最高”值。我认为它应该对您有帮助。