зеркало из https://github.com/mozilla/gecko-dev.git
41 строка
1.2 KiB
HTML
41 строка
1.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<!-- Any copyright is dedicated to the Public Domain.
|
||
|
|
- http://creativecommons.org/publicdomain/zero/1.0/ -->
|
||
|
|
|
||
|
|
<html>
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
width: 400px;
|
||
|
|
}
|
||
|
|
div#float {
|
||
|
|
float: left;
|
||
|
|
width: 200px;
|
||
|
|
height: 200px;
|
||
|
|
background-color: lightgreen;
|
||
|
|
}
|
||
|
|
details {
|
||
|
|
float: left;
|
||
|
|
background-color: orange;
|
||
|
|
}
|
||
|
|
summary {
|
||
|
|
background-color: green;
|
||
|
|
/* Hide the triangle for comparing with div in reftest. */
|
||
|
|
list-style-type: none;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<body>
|
||
|
|
<!-- This tall float block is necessary to reproduce the incorrect height of the details. -->
|
||
|
|
<div id="float"></div>
|
||
|
|
<details open>
|
||
|
|
<summary>Summary</summary>
|
||
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
|
||
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
|
||
|
|
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
|
||
|
|
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
|
||
|
|
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
|
||
|
|
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
|
||
|
|
est laborum.
|
||
|
|
</details>
|
||
|
|
</body>
|
||
|
|
</html>
|