jQuery UI选项卡内容边框

我想在我的web应用程序中实现jQuery UI选项卡。
我正在使用ajax功能，以便选项卡位于页面的主“布局”中，并且每个选项卡都包含不同的网页。我想以aborder顺序包装选项卡的内容，但选项卡的导航面板不在边框内。
我试着在内容的主div上放一个边框，但是我只看到了上边框，其余的都没有出现。
任何想法？ Tab content border problem jQuery UI选项卡内容边框

来源

2011-07-19 amitairos

没有看到你的HTML/CSS，我的水晶球的猜测是，每个面板的内容对他们有浮动的风格，并没有什么事后清除容器。即清楚：两者; – Gregg

@Gregg谢谢。这些选项卡上有一个浮动样式。我不明白我应该怎么做清理。 – amitairos

http://jsfiddle.net/GW5M2/

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

来源

2011-07-19 21:37:56 Gregg

谢谢！修复它 – amitairos

由于格雷格的演示表明，你需要在浮动元素的列表的末尾结算元素。确保清除元素不是（意外）浮动的（即使用float: none）。所以，你会做这样的事情：

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

来源

2011-07-21 14:12:30

谢谢。有效。 – amitairos

jQuery UI选项卡内容边框

回答

相关问题