<!DOCTYPE html> <!-- webkit-test-runner [ LayoutFormattingContextEnabled=true LayoutFormattingContextIntegrationEnabled=false ] -->
<html>
<head>
<style>
div {
    border: 1px solid green;
}

div > div {
    border: 1px solid red;
}
</style>
</head>
<body>
<div style="float: left; width: 200px;">
    <div style="height: 50px; width: 200px;"></div>
</div>

<div style="float: left; margin-left: 100px; margin-right: 200px; width: 200px; max-height: 100px;">
    <div style="height: 150px; width: 200px;"></div>
</div>

<div style="float: left; width: 200px; min-height: 300px">
    <div style="height: 50px; width: 200px;"></div>
</div>
</body>
</html>