码迷,mamicode.com
首页 > Web开发 > 详细

CSS布局

时间:2015-09-10 21:16:18      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:

 一、position

position中的relative和absolute属性的参照对象:

relative是参照本身在普通文档流中的定位。

absolute是参照最近一个非static祖先元素(即属性值为relative等的元素)。

 二、float

使用float之后元素将从普通文档流中删去,但仍有影响,不会覆盖文字。

三、display

块状元素                       block

可设置宽和高、独占一行

内联元素         inline

不可设置宽和高、同行显示

内联块状元素       inline-block

可设置宽和高、同行显示

四、flex布局

其布局方向不可知,适用于应用程序组件级小规模布局

五、grid布局

CSS布局

标签:

原文地址:http://www.cnblogs.com/yanjunli/p/4798990.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!