CSS二級瀏覽框是用于顯示多層數據的一種UI控件，它可以顯示對應數據的層級關系，讓用戶更加清晰地了解數據的組織結構。在HTML中，我們可以使用<select>和<option>元素實現瀏覽框，而在CSS中，我們可以使用<ul>和<li>元素搭配CSS樣式來實現。

首先，我們需要創建一個<ul>元素，并為其設置CSS樣式：

<ul class="browser">
<li>第一層數據
<ul>
<li>第二層數據</li>
<li>第二層數據</li>
<li>第二層數據</li>
</ul>
</li>
<li>第一層數據</li>
<li>第一層數據</li>
</ul>
.browser {
list-style: none;
margin: 0;
padding: 0;
}
.browser li {
margin-left: 1.5em;
position: relative;
}
.browser li:before {
content: "";
display: block;
border-left: 1px solid black;
height: 1em;
position: absolute;
left: -1em;
top: 0.5em;
}
.browser li:first-child:before {
top: 0.8em;
}
.browser li:last-child:before {
height: 0.5em;
}

在上面的樣式中，我們將<ul>元素中的列表樣式去除（list-style: none），并將內外邊距設置為0，使得瀏覽框更加緊湊。每個<li>元素都會有一個左側的豎線，在樣式中，我們使用:before偽元素將其添加上去。不同的情況下，我們對偽元素進行不同的設置，使得瀏覽框更加美觀。

通過以上代碼，我們可以得到一個簡單的CSS二級瀏覽框，在其中嵌套不同的<ul>元素，便可以實現多層次的數據顯示。