master

分支 (1)

管理

管理

master

class_9_assignments
/
htm2.html

<!DOCTYPE >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<style type="text/css">
	*{
		margin:0;
		padding:0;
		}
	.container{
		display: table;
	}
	.container>.col-1{
		display: table-cell;
		width: 16.6666666%;
		padding: 0;
		margin: 0;
	}
	.container>.col-2{
		display: table-cell;
		width: 33.3333333%;
		margin:0;
		padding:0;
	}
	.container>.col-3{
		display:table-cell;
		widows: 50% ;
		margin:0;
		padding:0;
	}
	.container>.col-4{
		display: table-cell;
		width:66.666667%;
		margin:0;
		padding:0;
	}
	.container>.col-4{
		display: table-cell;
		width:100%;
		margin:0;
		padding:0;
	}
	.layout{
		background-color:#F0F;
	}
	.header{
		background-color:#F00;
		width: 100%;}
	.body{
		background-color:#03F}
	.left{
		background-color:#3F6;;
		color:#F00;}
	.mid{
		background-color: #FF9;
	}
	.right{
		background-color:#3FC;;
		color:#6F9;}
	.footer{
		background-color:#FF9;}
</style>
<div class="layout">
	<div class="header container">
		<h1 class="col-5">我的博客</h1>
		<div class="col-1">用户，退出</div>
	</div>
    <div class="body container">
    	<div class="left col-2" >左</div>
        <div class="mid col-3">
        	<div style="overflow-x: auto;" class="mid-content">3ddddddddddddddddddddddddddddddwdadawdwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwtghddddddddddddd
                ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
                ddddddddddddddddddddddd
                ddddddddddddddddddddddddddddd0000</div>
        </div>
        <div class="right col-1">右</div>
    </div>
    <div class="footer">脚</div>
</div>
</body>
</html>