首页 > 代码库 > CSS——标准盒子模型
CSS——标准盒子模型
在写网页的时候一般都先用Div把网页的框架搭好（用不同的背景颜色来区分不同的Div块），然后填充每一个Div，最后把每个Div的背景颜色去掉
<html>
<head>
<title></title>
<style type="text/css">
.divIndex
{
width:1000px;height:800px;background-color:yellow;margin:0px auto;
}
.divLogo
{ width:1000px;height:100px;background-color:red;
}
.divContent
{
width:1000px;height:300px;background-color:Green;
}
.divPicture
{
height:300px;width:300px;background-color:Blue;float:left;
}
.divText
{
height:300px;width:700px;background-color:Purple;float:left;
}
</style>
</head>
<body>
<div class="divIndex">
<div class="divLogo">
<img src="http://www.mamicode.com/image/000.jpg" height="100px" alt="姊妹"/>
</div>
<div class="divContent">
<div class="divPicture"></div>
<div class="divText"></div>
</div>
</div>
</body>
</html>
CSS——标准盒子模型