mirror of
https://github.com/servo/servo.git
synced 2025-08-03 20:50:07 +01:00
layout: Implement overflow-x
and overflow-y
per CSS-OVERFLOW § 3.
Fragmentation is not yet supported.
This commit is contained in:
parent
417a932e30
commit
a82fc00806
9 changed files with 199 additions and 17 deletions
36
tests/ref/overflow_xy_a.html
Normal file
36
tests/ref/overflow_xy_a.html
Normal file
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<!-- Tests that `overflow-x` and `overflow-y` work. -->
|
||||
<style>
|
||||
section {
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
left: 0;
|
||||
}
|
||||
#x {
|
||||
overflow-x: hidden;
|
||||
overflow-y: visible; /* computes to `auto` */
|
||||
top: 0;
|
||||
}
|
||||
#y {
|
||||
overflow: hidden;
|
||||
top: 200px;
|
||||
}
|
||||
div {
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<section id=x><div></div></section>
|
||||
<section id=y><div></div></section>
|
||||
</body>
|
||||
</html>
|
||||
|
Loading…
Add table
Add a link
Reference in a new issue