盒子模型与布局模型

标签：static   ati   盒子模型   content   视图   生成   布局   add   元素   

外边距:margin

边框:border

内填充:padding

内容:content

三种基本布局模型

流动模型:Flow    html默认的就是流动模型

浮动模型:Float    通过float浮动让多个块元素一行　　

层模型:Layer　　

绝对定位　position: absolute;　　脱离文档流，通过left，right，top,bottom属性相对于具有定位属性的父元素进行绝对定位，如果没有则相对于body，即浏览器窗口

相对定位    position: relative;  　　首先按static和float方式生成一个元素，并且元素像层一样浮动起来，相对于以前的位置移动，偏移前位置保留不动

 固定定位     position: fixed;　　　相对于视图窗口偏移，固定在屏幕中视图中的某个位置

盒子模型与布局模型

标签：static   ati   盒子模型   content   视图   生成   布局   add   元素   

原文地址：http://www.cnblogs.com/binxyz/p/7202395.html