ボックスの入れ子構造について

Studioでは、ボックスの中に別のボックスを配置する「入れ子構造」を使ってサイトのレイアウトを作成できます。入れ子構造を使うと、複雑なレイアウトも簡単に実現できますが、作成可能な階層数*には上限があります。

入れ子構造の上限値

Studioのボックス入れ子構造には、12階層までというシステム上限があります。

※サイトのデザイン構成や追加スタイルの有無によっては、上限値が多少前後する場合もあります。

複雑なデザインを作成される場合には、意図しないデータ破損を防ぐため、最大11階層を目安とした構成をご検討ください。

ボックスの重なりの上限に達すると「ボックスの親子関係が保存できる最大の深さを超えたためデータを保存できません。」とエラーが表示され、それ以上の入れ子構造は作成できません。

エラーメッセージは、上限超過のタイミングではなく、データの保存または読み込み処理を実行するタイミングで表示されます。超過していた分のデザインデータは保存されないのでご注意ください。

エラーが表示された場合はレイヤーパネルから構造をご確認いただき、省略できる入れ子があればグループ化を解除したり、レイアウト構造の見直しなどして階層を削減することをご検討ください。