Question

我已经修改了“jquery”运动,稍微与data-type=“horizontal”转换成一个表象。

See my example page here - tabview

我面临的一个问题是,必须确定要素绝对/相对性。

在相对定位的.ui-collapsible-set上,我必须绝对将可接触的内容部分跨过整个表象宽。

I would like to know if there are any workarounds to avoid positioning elements like this, because it creates all kind of problems in the regular flow of elements on a page.

Thanks for some input!

Answer 1

Ok I找到了一种办法,它是一种ward,但工作......

Can be done with css like this:

.ui-collapsible-set-horizontal.ui-grid-a .ui-block-a .ui-collapsible-content {
    position: relative;
    width: 199.3%;
    padding: 0;
    }
.ui-collapsible-set-horizontal.ui-grid-a .ui-block-b .ui-collapsible-content {
    left: -100%;
    width: 199.3%;
    position: relative;
}

我的问题是,我必须确定:一是固执,以便这一要素涵盖整个表格。

以上为两条电网铺设,因此,基本上为一米,将宽度确定为两倍的宽度(制表、2个表、每100%的宽度=200%、3个表、固定至300%等),并使用权:与排位表2、第3、第4个表相挂钩。

Works nicely and since I m not using pos:absolute anymore, the content section now doesn t have to be set hardcoded (height 123px), but expands depending on the content contained.

Answer 2

.ui-collapsible-content is a child of .ui-collapsible

If the headers are going to be floated to stack horizontally, but the content is to display full width below then you either need to:

A) take the content out of the flow (like you did)

B. 帮助html从那里撤出

<container>
    <headerArea><header></header><header></header></headerAread>
    <contentArea></contentAre>
</container>

友情链接