首页 > 其他 > 详细

盒子模型与布局模型

时间:2017-07-18 20:07:59      阅读:217      评论:0      收藏:0      [点我收藏+]

外边距:margin

边框:border

内填充:padding

内容:content

 

三种基本布局模型

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

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

层模型:Layer  

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

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

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

 

盒子模型与布局模型

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!