yui grid css 1/6 – 1/6 – 1/12 – 1/12 – 1/6 – 1/6 – 1/6

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
   <title>YUI Base Page</title>
   <link rel="stylesheet" href="http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css" type="text/css">
   <style type="text/css" media="screen">
   /* <![CDATA[ */
   	.yui-g p,.yui-u p {
   		background-color:#585A55;
   		color:#fff;
   	}
   /* ]]> */
   </style>
</head>
<body>
<div id="doc3" class="yui-t7">
   <div id="hd"><h1>Header</h1></div>
   <div id="bd">
		<div class="yui-g">
			<div class="yui-gb first">
				<div class="yui-u first"><p>1/6</p></div>
				<div class="yui-u"><p>1/6</p></div>
				<div class="yui-g">
					<div class="yui-u first"><p>1/12</p></div>
					<div class="yui-u"><p>1/12</p></div>
				</div>
			</div>
			<div class="yui-gb">
				<div class="yui-u first"><p>1/6</p></div>
				<div class="yui-u"><p>1/6</p></div>
				<div class="yui-u"><p>1/6</p></div> 
			</div>
		</div>
   <div id="ft"><p>Footer</p></div>
</div>
</body>
</html>

你可能感兴趣的:(html,css,yui)