'overflow' 特性 (CSS)

[1] 2003-02-12 15:21 名無しさん: Mozilla の今の実装の scroll bar はどうも不安定。 overflow:scroll や textarea 要素によってでてくる scroll bar はスタイル指定の相性?できえがち。

[2] overflow プロパティは擬似フレームも作成できる http://web.archive.org/web/20040221221340/kobit.info/tips/overflow.html

[3] overflow: -moz-hidden-unscrollable;

[4] overflowの解釈、間違ってませんか? - WebStudio http://www.d-toybox.com/studio/weblog/show.php?mode=single&id=2005092101 (名無しさん 2005-09-21 03:23:30 +00:00)

[5] Bug 6976 - Horizontal scrollbar is missing. {was: "create scrollbar for / allow scrolling to overflow top (above) / left of container (Left side of the page is cut)"} https://bugzilla.mozilla.org/show_bug.cgi?id=6976 (名無しさん 2005-12-18 23:54:22 +00:00)

[7] overflow: -webkit-marquee

[15] Operaのバグ発見 二つ目:メモランダム (2007-08-04 03:44:15 +09:00 版) http://mynotes.jp/blog/2007/07/opera_css_bug2 (名無しさん)

[16] IT戦記 - body の overflow: hidden が変 (2007-08-18 12:50:19 +09:00 版) http://d.hatena.ne.jp/amachang/20070802/1186031892 (名無しさん 2007-08-18 07:31:33 +00:00)

[6] WinIE 6 における overflow, overflow-x, overflow-y は、 CSSOM や cssText 的には、 無関係の特性として扱われているようです。

[8] Firefox 2 における overflow は、 overflow-x と overflow-y の shorthand として扱われているようです。

math 要素 overflow 属性 (MathML)

[20] MathML の math 要素の overflow 属性は、 数式が幅に対して長すぎるときに好ましいpreferred取扱いを指定します。 >>21

Viewport のスクロールバー

[17] html 要素や body 要素に overflow: scroll や width や height を指定してみました。

• Firefox3
  • モードによる違いなし。
  • html と body の外側の方の overflow が viewport に適用される。
  • overflow が viewport に反映される場合、要素の箱は visible 扱い (内容がはみ出る)。
  • width、height は要素の箱に反映される。
  • 両方共 overflow を指定すれば body の箱にもスクロールバーが出る。
• Safari3
  • モードによる違いなし。
  • html と body の外側の方の overflow が viewport に適用される。
  • overflow が viewport に反映される場合、要素の箱は visible 扱い (内容がはみ出る)。
  • width、height は要素の箱に反映される。
  • 両方共 overflow を指定しても body の箱にもスクロールバーは出ない (内容がはみ出る)。
• Opera9
  • 奇癖モードでは height を指定しても内容に合わせて伸びる。
  • html と body の外側の方の overflow が viewport に適用される。
  • overflow が viewport に反映される場合、要素の箱は visible 扱い (内容がはみ出る)。
  • width、height は原則として要素の箱に反映される。
  • 両方共 overflow を指定すれば body の箱にもスクロールバーが出る。
• WinIE7
  • body に overflow を指定すると、
    • 無奇癖モード: 要素の箱にスクロールバーが出る。 body の width、 height は箱に適用される。
    • 奇癖モード: overflow は viewport に適用される。 body の width、 height は無視される。
  • html に overflow を指定すると、
    • 無奇癖モード: overflow は viewport に適用される。 html の width、 height は箱に適用されるが、どちらも内容に応じて伸びる。
    • 奇癖モード: html の overflow、 width、 height は無視される。

[18] IlayerOverflowAttribute - doctype - The ilayer overflow attribute - Project Hosting on Google Code (2010-03-20 19:47:21 +09:00 版) http://code.google.com/p/doctype/wiki/IlayerOverflowAttribute

[19] Layer (2005-04-03 06:20:42 +09:00 版) http://www.blooberry.com/indexdot/html/tagpages/l/layer.htm

[26] Tantek-Mozilla-projects - MozillaWiki ( (2011-01-15 07:24:20 +09:00 版)) https://wiki.mozilla.org/Tantek-Mozilla-projects#remaining_tasks_2

[27] CSS3 module: Basic User Interface ( (Tantek Çelik 著, 2002-08-03 07:13:43 +09:00 版)) http://www.w3.org/TR/2002/WD-css3-ui-20020802/#overflow-props

[28] floatを解除する方法のまとめ: 小粋空間 ( (2013-03-28 02:27:25 +09:00 版)) http://www.koikikukan.com/archives/2013/03/28-005555.php

[29] CSS Overflow Module Level 3 ( (2013-04-18 17:20:51 +09:00 版)) http://www.w3.org/TR/2013/WD-css-overflow-3-20130418/

[30] overflowではみ出た要素がクリッカブルになってしまうAndroid 4標準ブラウザのバグ - 下林明正のブログ ( (2013-06-07 09:04:43 +09:00 版)) http://shimobayashi.hatenablog.com/entry/2013/06/07/overflow%E3%81%A7%E3%81%AF%E3%81%BF%E5%87%BA%E3%81%9F%E8%A6%81%E7%B4%A0%E3%81%8C%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AB%E3%83%96%E3%83%AB%E3%81%AB%E3%81%AA%E3%81%A3%E3%81%A6%E3%81%97%E3%81%BE%E3%81%86

[31] CSS basic box model ( (2013-10-12 15:40:00 +09:00 版)) http://dev.w3.org/csswg/css-box/#overflow0

[32] CSS Overflow Module Level 3 ( (2013-06-03 18:06:00 +09:00 版)) http://dev.w3.org/csswg/css-overflow/

[33] HTML5 - 親要素からはみ出した子要素は、右側だけがスクロール表示される - Qiita [キータ] ( (2013-11-19 01:43:09 +09:00 版)) http://qiita.com/HieroglypH/items/572e4cbd51d4c40d791e

[34] Web Applications 1.0 r8363 Make the viewport around a <dialog> always scrollable. Don't ask me what happens if an unscrollable viewport is scrolled while a dialog is up and then the dialog goes away, that isn't clear at this time. If you think we should scroll back to the previous position, or force a previous dialog to be visible, or some such, file a bug with details, please. Thanks... ( (2013-12-18 03:08:00 +09:00 版)) http://html5.org/tools/web-apps-tracker?from=8362&to=8363

[11] [css-overflow] upgrade to MUST requirements about overflow:hidden (frivoal著, 2016-11-03 15:42:32 +09:00) https://github.com/w3c/csswg-drafts/commit/af1704db040090f3fea9a11c34ffc4bd06fb2ebf

[12] [CSS22] Change to baseline of 'inline-block' in the presence of 'over… (bert-github著, 2016-12-14 23:55:11 +09:00) https://github.com/w3c/csswg-drafts/commit/de9746dc5831558749d25bc054b19cde5ea4f554

[13] [CSS22] Change to baseline of 'inline-block' in the presence of 'over… (bert-github著, 2016-12-14 23:55:22 +09:00) https://github.com/w3c/csswg-drafts/commit/0f7ad2a54d5ec450e226d6e88968d5e8a108ed5d

[14] [css-values-3] Remove consideration of scrollbars in viewport unit co… (fantasai著, 2017-09-20 06:21:45 +09:00) https://github.com/w3c/csswg-drafts/commit/c1c2e82ca98a5a88f811e9d165757136d33f9dd4

[35] Update CSS Overflow reference to version we need (sideshowbarker著, 2017-10-01 11:21:34 +09:00) https://github.com/whatwg/html/commit/f3d90c5d3ee9750852d6c74cad90c8dba3396a5d

[36] Update CSS Overflow reference to version we need by sideshowbarker · Pull Request #3075 · whatwg/html (2017-10-03 12:26:28 +09:00) https://github.com/whatwg/html/pull/3075

[37] [csswg] overflow-3 and overflow-4 and unleveled URLs (Alan Stearns著, 2017-10-05 09:30:36 +09:00) https://lists.w3.org/Archives/Public/www-style/2017Oct/0008.html

[38] [css-overflow-3] Clarify Overflow Value Propagation (frivoal著, 2018-01-04 08:34:44 +09:00) https://github.com/w3c/csswg-drafts/commit/967c9f0c15d24e47d22da70b131671d44272c4c4

[39] [css-overflow] body overflow propagation is less defined than it was in CSS 2.1 · Issue #1905 · w3c/csswg-drafts (2018-01-04 15:17:33 +09:00) https://github.com/w3c/csswg-drafts/issues/1905