Skip to content

Commit 4faebec

Browse files
committed
Added Florian's 'collision' property idea.
1 parent aa4e95e commit 4faebec

1 file changed

Lines changed: 15 additions & 0 deletions

File tree

css3-layout/Overview.src.html

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2083,6 +2083,21 @@ <h3 class=grid>Stacking elements on top of a grid: 'grid-area'</h3>
20832083
value definition">per grammar</abbr>
20842084
</table>
20852085

2086+
<div class=issue>
2087+
<p>At the Aug 2012 ftf, Florian suggested a property 'collision: auto
2088+
| collide | avoid' to switch between overlapping and not overlapping.
2089+
(It would avoid collisions for absolutely positioned elements as
2090+
well.) Instead of two properties 'flow' and 'grid-area', we could have
2091+
just one, and then toggle between overlapping and flowing with the
2092+
'collision' property.
2093+
2094+
<p>It may be attractive, because the same 'collision' property could
2095+
also improve absolute positioning and add functionality to floats, but
2096+
on the other hand it is a property that works indirectly, by modifying
2097+
the meaning of another property, and as such the pair 'flow' and
2098+
'grid-area' may be easier to learn.
2099+
</div>
2100+
20862101
<p>The 'grid-area' property can take an element out of the flow and
20872102
position it relative to a grid. The 'z-index' is used to determine the
20882103
stacking level. If the element has no <span>grid ancestor,</span> the

0 commit comments

Comments
 (0)