3

我在一个summary元素中有一个details元素，现在想获取内容下summary显示的details内容。

似乎该display属性仅适用于内容，不包括summary. 有没有办法改变位置summary？

<html>
    <head>
        <style>
            details
            {
                display: -webkit-box;
                -webkit-box-orient: vertical;
            }

            details > summary
            {
                -webkit-box-ordinal-group: 2;
            }

            details > div
            {
                -webkit-box-ordinal-group: 1;
            }
        </style>
    </head>
    <body>
        <details open>
            <summary>Get Me Down!</summary>
            <div>Rise Up</div>
        </details>
    </body>
</html>
4

1 回答 1

2

我有一个非常hacky的解决方案。另外，只有当您知道这两个元素的大小时，它才会起作用。但我想这是一个开始。

details div { position: relative; bottom: 20px;}
details summary { position: relative; top: 20px; }

http://jsfiddle.net/PUknK/10/

于 2012-11-26T18:08:51.110 回答