css箱子数学模型
两个中文网站的产业布局是用数个箱子排序，冗余组合成的。箱子有他们的宽高，内外面距，前面板。
页面中最常见的产业布局箱子条码是div。
margin外面距
margin是箱子的外面距。
margin的写法：
#box{
width:100px;
height: 200px;
border:1px solid #ccc;
margin:10px 20px 30px 40px;
}
如果是写4个像素，分别表示上，右，下，左四个方向的外面距 。
如果是写两个 margin：10px 10px 则第两个表示上下，第二个表示左右
margin还可以用百分比或者auto，auto表示自动分配。
margin也可以单独设置：
marign-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
padding内边距
箱子中文本和前面板之间的距离是padding内边距。
内边距是影响宽高的。如果你两个箱子设置的width是100px，padding给10px，因为也是上下左右都加了10px，所以在width上，是左右各增加了10px；整体div的宽度是120px
padding的语法跟margin是一模一样的。
浮动产业布局
所谓的浮动产业布局，是利用css中的float属性，进行页面产业布局。
float一共有两个属性值，两个是left左浮动，两个是right右浮动。
div是块便签，是它会独占一行，所以箱子的默认排序是上下排序。
浮动可以让div脱离正常的文档流，左右排序。
.one{
width:100px;
height: 200px;
background-color: red;
float: left;
}
举报/反馈
