jQuery UI 選項卡內容邊框

Question

我正在嘗試在我的 web 應用程序中實現 jQuery UI 選項卡。
我正在使用 ajax 功能，以便選項卡位於頁面的主要“布局”中，並且每個選項卡都包含不同的 web 頁面。 我想將選項卡的內容包裝在邊框中，但選項卡的導航面板不會在邊框中。
我嘗試在內容的主 div 上設置邊框，但我只看到頂部邊框並且 rest 沒有出現。
有任何想法嗎？

Answer 1

http://jsfiddle.net/GW5M2/

對比

http://jsfiddle.net/GW5M2/1/

Answer 2

正如 Gregg 的演示所示，您需要在浮動元素列表的末尾添加一個清除元素。 確保清除元素沒有（意外）浮動（即使用float: none ）。 所以，你會做這樣的事情：

<div>
  <div style="float:right">foo</div>
  <div style="float:right">bar</div>
  <div style="clear:both; float:none"></div>
</div>