OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 | |
3 <style> | |
4 body { | |
5 width: 400px; | |
6 height: 300px; | |
7 } | |
8 | |
9 .flexbox { | |
10 display: flex; | |
11 } | |
12 | |
13 .column { | |
14 flex-direction: column; | |
15 } | |
16 | |
17 .flex11a { | |
18 flex: 1 1 auto; | |
19 } | |
20 | |
21 .root { | |
22 height: 100px; | |
23 overflow-y: auto; | |
24 } | |
25 </style> | |
26 | |
27 | |
28 <p>This test should not have a horizontal scrollbar</p> | |
29 | |
30 <div class="flexbox column"> | |
31 <div class="flexbox"> | |
32 <div class="flex11a"> | |
33 <div id="root" class="root"> | |
34 <div id="history"></div> | |
35 </div> | |
36 </div> | |
37 </div> | |
38 </div> | |
39 | |
40 <script> | |
41 onload = function() { | |
42 var historyEl = document.getElementById('history'); | |
43 historyEl.offsetWidth; | |
44 historyEl.innerText = '\n\n\n\n\n\n\n\n'; | |
45 }; | |
46 </script> | |
47 | |
48 </body> | |
49 </html> | |
mstensho (USE GERRIT)
2016/03/17 20:24:07
Please ploink this one too. :)
| |
OLD | NEW |