This shows you the differences between two versions of the page.
| Next revision | Previous revisionNext revisionBoth sides next revision | ||
| spec:css3-regions:complex-layout-example [2014/03/06 14:18] – created astearns | spec:css3-regions:complex-layout-example [2014/03/06 14:22] – astearns | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| This large example served as the motivational example in the introduction of the spec for a few years. It shows a complex layout using a lot of features, in some cases in a forced way just to include a feature. The example will be replaced in the spec with smaller, more focused examples. | This large example served as the motivational example in the introduction of the spec for a few years. It shows a complex layout using a lot of features, in some cases in a forced way just to include a feature. The example will be replaced in the spec with smaller, more focused examples. | ||
| + | |||
| + | === Intro === | ||
| + | |||
| + | === Code === | ||
| + | |||
| + | This was originally included in Appendix A with this note: | ||
| + | |||
| + | A multi-column element is used for #region2, which is a bit gratuitous here (because grid cells could be used). The reason to use a multi-column element is to illustrate that regions can be multi-column. | ||
| + | |||
| + | Similarly, the last region breaks out of the grid in this example merely to show that regions in a region chain do not need to share a single parent. | ||
| <code css> | <code css> | ||
| Line 58: | Line 68: | ||
| < | < | ||
| </ | </ | ||
| - | <span | + | |
| !-- | !-- | ||
| The rest of the markup defines the layout. | The rest of the markup defines the layout. | ||