cpp
/
RmlUi
mirror of https://github.com/mikke89/RmlUi.git


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243
							<rml>
<head>
    <title>Floats: overflow</title>
    <link type="text/rcss" href="../style.rcss"/>
	<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />
	<meta name="Description" content="Floating boxes" />
	<style>
		body {
			background: #ddd;
			color: #444;
		}
		#content {
			width: 200dp;
			margin: 0 auto;
		}
		.box {
			background-color: #cce;
			border: 5dp #77b;
		}
		.float {
			float: left;
			background-color: #ddda;
			border: 1dp #333;
			width: 200dp;
			height: 130dp;
			margin: 5dp;
		}
		
	</style>
</head>

<body>
<div class="box">
	<div class="float">float: left</div>
	<p>The float to the left should extend past the background of the containing '.box' element.</p>
</div>
<hr/>
<div class="box" style="overflow:auto">
	<div class="float">float: left</div>
	<p>Using 'overflow: auto' on the containing '.box' element. This should establish a new block formatting context (thereby resolving all floats) so that the background wraps around the entire float.</p>
</div>
</body>
</rml>