diff options
Diffstat (limited to 'legacy/works/floats-inside-overflow-scroll.html')
-rw-r--r-- | legacy/works/floats-inside-overflow-scroll.html | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/legacy/works/floats-inside-overflow-scroll.html b/legacy/works/floats-inside-overflow-scroll.html new file mode 100644 index 0000000..b2b2da5 --- /dev/null +++ b/legacy/works/floats-inside-overflow-scroll.html @@ -0,0 +1,44 @@ +<html> +<head> +<style> +#scroller { + overflow: auto; + width: 200px; + height: 200px; + border:thin solid black; } + +#scroller p { + clear: both; } + +#scroller p img { + float: left; } +</style> +</head> +<body> + + +<p style="background-color: #f88; padding:1em; margin: 1em;">Floats within an overflow:scroll should not be visible outside the area of the box. Also, they should scroll with the non floated content.</p> + + + <div id="scroller"> + <p><img src="../images/1.jpg">Blah blah blah blah blah blah blah + blah blah blah blah blah blah</p> + + <p><img src="../images/2.jpg">Blah blah blah blah blah blah blah + blah blah blah blah blah blah</p> + + <p><img src="../images/3.jpg">Blah blah blah blah blah blah blah + blah blah blah blah blah blah</p> + + <p><img src="../images/4.jpg">Blah blah blah blah blah blah blah + blah blah blah blah blah blah</p> + + <p><img src="../images/5.jpg">Blah blah blah blah blah blah blah + blah blah blah blah blah blah</p> + + <p><img src="../images/6.jpg">Blah blah blah blah blah blah blah + blah blah blah blah blah blah</p> + </div> + +</body> +</html> |