Chromium Code Reviews Chromium Code Reviews
Issue 1393533002:
Clear floats that are nested in previous siblings and don't overhang. (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| Index: third_party/WebKit/LayoutTests/fast/block/margin-collapse/clear-nested-float-more-than-one-previous-sibling-away.html |
| diff --git a/third_party/WebKit/LayoutTests/fast/block/margin-collapse/clear-nested-float-more-than-one-previous-sibling-away.html b/third_party/WebKit/LayoutTests/fast/block/margin-collapse/clear-nested-float-more-than-one-previous-sibling-away.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..96032469a1ead4e51f792b8271aabd44adcb34d7 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/fast/block/margin-collapse/clear-nested-float-more-than-one-previous-sibling-away.html |
| @@ -0,0 +1,38 @@ |
| +<!DOCTYPE html> |
| +<style> |
| +html, body { margin: 0; padding: 0 } |
| +.fr { |
| + float: right; |
| + background: green; |
| + width: 100px; |
| + height: 50px; |
| +} |
| + |
| +#oh { |
| + width: 100px; |
| + height: 50px; |
| + overflow: hidden; |
| + margin-top: -50px; |
| + background: green; |
| +} |
| + |
| +.clear { /* was originally from an ::after */ |
| + display: block; |
| + clear: both; |
| + height: 0px; |
| +} |
| +</style> |
| +<div style="position:absolute; width:100px; height:100px; background-color: red; top:0px; z-index: -1;"></div> |
|
leviw_travelin_and_unemployed
2015/10/08 08:40:25
Put this in the stylesheet as well? "#red" or some
|
| +<div id="first" style="width: 100px;"> |
| + <div id="second"> |
| + <div id="fr" class="fr"></div> |
|
leviw_travelin_and_unemployed
2015/10/08 08:40:25
id="float", no class?
|
| + <div id="clearone" class="clear">Test</div> |
|
leviw_travelin_and_unemployed
2015/10/08 08:40:25
id clearone isn't used. clear could be an id.
|
| + </div> |
| + <div id="clear2">Test</div> |
|
leviw_travelin_and_unemployed
2015/10/08 08:40:25
no id necessary?
|
| +</div> |
| +<div id="oh" class="oh" data-offset-y=50></div> |
|
leviw_travelin_and_unemployed
2015/10/08 08:40:25
id = test? no class
|
| +<script src="../../../resources/check-layout.js"></script> |
| +<script> |
| +window.checkLayout("#oh", document.getElementById("test-output")); |
|
leviw_travelin_and_unemployed
2015/10/08 08:40:25
#oh could be #test?
|
| +</script> |
| +<p>crbug.com/535381 : Clear floats nested in earlier siblings. There should be a green box and no red.</p> |
