Base: Add test page for floating boxes with overflow=hidden

abyesilyurt · Mar 30, 2021 · e0f0aa7 · e0f0aa7
1 parent c21eafb
commit e0f0aa7
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 0 deletions.
diff --git a/Base/res/html/misc/float-3.html b/Base/res/html/misc/float-3.html
@@ -0,0 +1,27 @@
+<style>
+ body {
+ width: 780px;
+ text-align: center
+ }
+ .box {
+ height: 100px;
+ width: 300px;
+ background: red;
+ }
+ #top {
+ overflow: hidden;
+ }
+ #bottom {
+ border: 1px solid black;
+ }
+</style>
+<body>
+ <div id="top">
+ <div id="top-left" class="box" style="float: left"></div>
+ <div id="top-right" class="box" style="float: right"></div>
+ </div>
+ <div id="bottom">
+ <!-- Due to the overflow property of the top div, this div should be laid beneath the top, rather than inline -->
+ <div id="text">foobar</div>
+ </div>
+</body>
diff --git a/Base/res/html/misc/welcome.html b/Base/res/html/misc/welcome.html
@@ -41,6 +41,7 @@ <h1>Welcome to the Serenity Browser!</h1>
  <li><a href="contenteditable.html">contenteditable</a></li>
  <li><a href="clear-1.html">clearing floats</a></li>
  <li><a href="float-1.html">floating boxes</a></li>
+ <li><a href="float-3.html">floating boxes with overflow=hidden</a></li>
  <li><a href="padding-inline.html">inline elements with padding</a></li>
  <li><a href="event-bubbling-and-multiple-listeners.html">event bubbling and multiple listeners</a></li>
  <li><a href="checkbox.html">checkbox</a></li>