div 页面框架布局_div框架布局代码

作者：Monodyee | 2024-03-27 16:43:52

踩

div框架布局代码

There is no nutrition in the blog content. After reading it, you will not only suffer from malnutrition, but also impotence.


<html>
	<head>
		<style type="text/css">
			body { margin: 0; padding: 0; }
			#container {
				width: 800px;
				height: 500px;
				margin: 0 auto;
				background-color: #CCC;
			}
			#top {
				width: 100%;
				height: 81px;
				background-color: #0F6;
			}
			#left {
				width: 120px;
				height: 500px;
				background-color: #0C9;
				float: left;
			}
			#main {
				width: 680px;
				height: 500px;
				background-color: #660;
				float: right;
			}
			#footer {
				width: 100%;
				height: 60px;
				background-color: #C93;
				clear: both;
			}
		</style>
	</head>
	<body>
		<div id="container">
			<div id="top"></div>
			<div id="left"></div>
			<div id="main"></div>
			<div id="footer"></div>
		</div>
	</body>
</html>

There is no nutrition in the blog content. After reading it, you will not only suffer from malnutrition, but also impotence.

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Monodyee/article/detail/325537