标签面板中的Jquery UI标签浮动Divs [英] Jquery UI Tabs Floating Divs in tab panel

问题描述

我在尝试使jQuery ui选项卡面板的高度随着面板中浮动div的增长而遇到麻烦. div具有返回到这些div的特定数据，我需要它们左右浮动以保存ui房地产. 有谁知道我该如何解决?

I am having trouble trying to get a jquery ui tab panel's height to grow with floating divs within the panel. the divs have specific data returning to these divs and I need them to float left and right to save ui real estate. Does anyone know how i can fix this?

推荐答案

实际上，这是一个众所周知的CSS问题.讨论在这里:

Actually, this is a well-known css issue. A discussion is here:

http://www.quirksmode.org/css/clearing.html

总结一下，您希望同时用作选项卡窗格和浮动容器的任何<divs>都应在<style>或css <link>文件中添加以下样式:

To summarize the article, any <divs> that you wish to function as both a tab pane and a float container should have these styles added to them either in your <style> or css <link> files:

overflow: auto;
width: 100%

这不是错误.这是故意的.浮动div实际上会从容器中抬起，并且容器不会意识到浮动div.至少，这就是目标.

This isn't a bug. It's intentional. The floating div literally lifts out of the container, and the container will not be aware of the floating div. At least, that was the goal.

您应该在此处搜索清除浮点数"或其他相关的CSS规则，因为使用上述内容会导致某些浏览器出现问题(简而言之:小心测试，完全一样").

You should do a search on here for "clearing floats" or other related css rules, because using the above will cause issues with certain browsers (in short: 'take care to test this, all the same').

这篇关于标签面板中的Jquery UI标签浮动Divs的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！