css - 如何设置固定位置，即不滚动 元素及其子元素 ？

Question

这是我的 HTML 代码。
我首先要 li #listDomain 和固定位置的 linkChooseDomain，即不滚动。

<ul>
        <li id="listDomain" style="overflow-x: hidden; height: 525px; display:block">
                        <a id="alinkChooseDomain"><span class="nav-label">Choose Domain</span></a>
         <ul class="nav nav-second-level">
                            <li>
                                <div class="input-group">
                                    <input id="txtDomainSearch" type="text" class="form-control" placeholder="Search" />
        </div>
        </li>
        </ul>
                        <ul class="nav nav-second-level">
        <li>select All</li>
        </ul>
                        <ul class="nav nav-second-level">
        <li>ABC</li>
        </ul>
                        <ul class="nav nav-second-level">
        <li>JKL</li>
        </ul>
                        <ul class="nav nav-second-level">
        <li>CDF</li>
        </ul>
    </li>
</ul>

Answer 1

位置:固定；

<li id="listDomain" style="overflow-x: hidden; height: 525px; display:block; position: fixed;">

---

顺便说一句，您对空白的使用非常困惑。