border-breaking-001-cols.xhtml (1492B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>Pagination with Borders</title> 5 <style type="text/css"> 6 .container { 7 height: 0; 8 padding-bottom: 10px; 9 border-bottom: 10px solid transparent; 10 margin-bottom: -20px; 11 } 12 .overflow { 13 position: relative; 14 background: aqua; 15 height: 500px; 16 width: 40px; 17 border: 10px solid red; 18 border-style: none solid; 19 } 20 body > .container .overflow { 21 border-right: none; 22 } 23 .abs { 24 position: relative; 25 } 26 .abs .container { 27 position: absolute; 28 width: 100%; 29 margin-left: 50px; 30 } 31 .abs .overflow { 32 background: lime; 33 border-left: none; 34 } 35 .long { 36 position: relative; 37 height: 500px; 38 border: solid 10px green; 39 border-style: none solid; 40 } 41 42 .block { 43 background: yellow; 44 height: 100px; 45 } 46 47 body { 48 height: 200px; 49 width: 300px; 50 column-width: 100px; 51 column-gap: 0; 52 column-fill: auto; 53 border: solid silver; 54 border-style: none solid; 55 } 56 </style> 57 </head> 58 <body> 59 <div class="abs"> 60 <div class="container"> 61 <div class="overflow"> 62 </div> 63 </div> 64 </div> 65 <div class="container"> 66 <div class="overflow"> 67 </div> 68 </div> 69 <div class="long"> 70 </div> 71 <div class="block"> 72 </div> 73 </body> 74 </html>