You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: css-multicol-1/Overview.bs
+15-1Lines changed: 15 additions & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -1119,7 +1119,7 @@ Pagination and overflow outside multicol containers</h3>
1119
1119
</ul>
1120
1120
1121
1121
Columns that appear outside the multicol container in continuous media
1122
-
are called <dfn>overflow columns</dfn>.
1122
+
are called <dfn>overflow columns</dfn>. Overflow columns can effect the height of the multicol container.
1123
1123
1124
1124
<div class="example">
1125
1125
In this example, the height of the multi-column container has been
@@ -1142,6 +1142,17 @@ Pagination and overflow outside multicol containers</h3>
1142
1142
1143
1143
</div>
1144
1144
1145
+
<div class="example">
1146
+
1147
+
In continuous media overflow columns can effect the height of the multicol container. In this example a column appears in the overflow which has four lines of text. The multicol container is made tall enough to accomodate this column.
1148
+
1149
+
<figure>
1150
+
<img src="images/overflow-column-effects-height.svg" alt="Four columns, overflow column is taller than the first three">
1151
+
<figcaption>The final column is an overflow column yet is taller than the others. The container is tall enough for this column.</figcaption>
1152
+
</figure>
1153
+
1154
+
</div>
1155
+
1145
1156
<div class="example">
1146
1157
In paged media, the overflow content goes into column on subsequent pages.
1147
1158
Given the same content as in the previous example
@@ -1200,12 +1211,15 @@ Pagination and overflow outside multicol containers</h3>
1200
1211
Due to column balancing, the last paragraph is split across three columns.
1201
1212
</div>
1202
1213
1214
+
1215
+
1203
1216
<h2 class="no-num" id="changes">Appendix B. Changes</h2>
1204
1217
1205
1218
This appendix is <em>informative</em>.
1206
1219
1207
1220
<h3 id="changes-from-20171005">Changes from the <a href="https://www.w3.org/TR/2017/WD-css-multicol-1-20171005/">Working Draft (WD) of 5 October 2017</a></h3>
1208
1221
<ul>
1222
+
<li>Add a line of text plus an example to show that overflow columns can effect the multicol container height. <a href="https://github.com/w3c/csswg-drafts/issues/1745">Resolved: 12 Apr 2018</a></li>
1209
1223
<li>Replaced the HTML mock-up examples with SVG versions, as the examples were unclear. <a href="https://github.com/w3c/csswg-drafts/issues/1087">Issue 1087</a>.</li>
1210
1224
<li>Changed the value of normal for column-gap to be 1em, rather than a UA-specified length with a suggestion of 1em. <a href="https://github.com/w3c/csswg-drafts/issues/2145#issuecomment-378781507">Resolved: 4 Apr 2018</a></li>
1211
1225
<li>Clarified that negative values are not allowed for column-width, and that while 0 may be specified, used values will be clamped to a minimum of 1px. <a href="https://github.com/w3c/csswg-drafts/issues/1741#issuecomment-373091628">Resolved: 14 Mar 2018</a></li>
0 commit comments