3

summary要素に要素があり、コンテンツの下に表示されるdetailsコンテンツを取得したいと考えています。summarydetails

プロパティは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

私はかなりハッキーな解決策を持っています。さらに、両方の要素がどれだけ大きくなるかを知っている場合にのみ機能します。しかし、それは私が推測するスタートです。

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

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

于 2012-11-26T18:08:51.110 に答える