Skip to content

Commit c581eba

Browse files
committed
[css-multicol] Removing sentences about columns as block container boxes, adding clarification and an example. Fixes w3c#1738
1 parent 9fb0d3f commit c581eba

File tree

3 files changed

+60
-6
lines changed

3 files changed

+60
-6
lines changed

css-multicol-1/Overview.bs

Lines changed: 21 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -325,11 +325,27 @@ The multi-column model</h2>
325325
slightly.
326326
-->
327327

328-
Column boxes are block container boxes. That
329-
is, column boxes behave like block-level, table cell, and inline-block
330-
boxes as per CSS 2.1, section 10.1, item 2 [[!CSS21]]. However, column
331-
boxes do not establish block container boxes for elements with
332-
''position: fixed'' or ''position: absolute''.
328+
Column boxes are block container boxes. The multi-column container is the principal box, and column boxes are anonymous.
329+
330+
Note: Column boxes do not become the containing block for elements with ''position: fixed'' or ''position: absolute''. The containing block is the multicol element, it being the principal box.
331+
332+
<div class=example>
333+
In this example, the multi-column container has ''position: relative'' thus becoming the containing block. The image is a direct child of the multi-column container and has ''position: absolute''. It takes positioning from the multi-column container and not from the column box.
334+
335+
<pre highlight="css">
336+
.container {
337+
position: relative;
338+
column-count: 3;
339+
}
340+
img {
341+
position: absolute;
342+
top: 20px;
343+
left: 40px;
344+
}
345+
</pre>
346+
347+
<img src="images/column-not-containing-block.svg" alt="The absolutely positioned image is positioned by reference to the multicol container not the column box.">
348+
</div>
333349

334350
<div class=example>
335351
In this example, the width of the image is set with these rules:
Lines changed: 37 additions & 0 deletions
Loading

css-multicol-1/issues-2011.txt

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -133,7 +133,8 @@ Comment: https://lists.w3.org/Archives/Public/www-style/2011Dec/0058.html
133133
Comment: https://lists.w3.org/Archives/Public/www-style/2012Jan/0392.html
134134
Comment: https://lists.w3.org/Archives/Public/www-style/2013Apr/0338.html
135135
Comment: https://github.com/w3c/csswg-drafts/issues/1738
136-
Open
136+
Closed: Accepted
137+
Resolved: https://github.com/w3c/csswg-drafts/issues/1738#issuecomment-342661881
137138
----
138139
Issue 14.
139140
Summary: z-index and pseudo stacking contexts, column rules are painted in the inline content layer

0 commit comments

Comments
 (0)