感谢您的支持,我会继续努力的!
打开微信扫一扫,即可进行扫码打赏哦
点我查看本站打赏源码!
Powered by RUNCODEX.COM,学的不仅是技术,更是梦想!!!
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>explain(解释盒子模型)</title>
<style>
*{margin: 0;padding: 0;}
.wrapper{
width:960px;
margin-left:auto;
margin-right:auto;
color:#fff;
font-size: 30px;
text-align: center;
background: #ccc;
}
#header{
height: 100px;
background: #38382e;
margin-bottom: 10px;
padding: 10px;
border:10px solid red;
width: 100%;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
.sidebar{
float: left;
width:220px;
margin-right: 20px;
margin-bottom:10px;
height: 300px;
background: #5d33cf;
.content{
width: 720px;
background: #c8ca30;
#footer{
background: #cc4ad5;
clear:both;
textarea{
resize:both;
</style>
</head>
<body>
<div class="wrapper">
<div id="header">页眉</div>
<div class="sidebar">侧边栏</div>
<div class="content">主内容</div>
<div id="footer">页脚</div>
</div>
<form action="#" method=""post>
<textarea name="" id="" cols="30" rows="10"></textarea>
</form>
</body>
</html>
输入 JavaScript 代码……
xxxxxxxxxx
输入 CSS 代码……