Demo entry 6770387

s

   

Submitted by anonymous on Nov 13, 2018 at 08:57
Language: HTML. Code size: 865 Bytes.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>第6课-浮动布局</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布尔教育 xhtml 12小时入门教程" />
<style>
	#lt{
		width:300px;
		height: 300px;
		background: red;
		float: left;
	}

	#rt{
		width: 300px;
		height: 300px;
		background: yellow;
		float: left;
	}
	#lb {
		width:300px;
		height: 300px;
		background: blue;
		float: left;
		clear: left;
	}
	#rb {
		width:300px;
		height: 300px;
		background: green;
		float: left;
	}

</style>
</head>
    <body>
    	<div id="lt">我是左上</div>
    	<div id="rt">我是右上</div>
    	<div id="lb">我是左下</div>
    	<div id="rb">我是右下</div>
    </body>
</html>

This snippet took 0.00 seconds to highlight.

Back to the Entry List or Home.

Delete this entry (admin only).