代码改变世界

CSS3

2016-10-12 16:39  谭丽#  阅读(112)  评论(0编辑  收藏  举报

1.元素的浮动(float)

使用了浮动属性后,浮动的元素从文档正常流中脱离出来,同时,它对布局中的其他元素造成一定影响,使环绕该元素的内容重新布局。

2.清除浮动影响(clear)

clear属性的取值包括:none、left、right、both,分别表示:允许元素的两边都可以有浮动元素、不允许左边有浮动元素、不允许右边有浮动元素、不允许有浮动元素。

3.定位(position)

3.1静态定位(static)表示按照正常定位方案,元素盒按照在文档流中出现的顺序依次格式化。

3.2相对定位(relative)将移动元素盒,但是它在文档流中的原始空间会保留下来。

3.3绝对定位(absolute)是指元素盒彻底从文档流中脱离出来,并相对于其容器块进行定位。因为这些元素从文档流中脱离出来所以它们不再影响周边元素的布局,并且它们占据的空间不被保留。

3.4固定定位(fixed)与绝对定位类似,元素从文档流中脱离,但是它们不是相对于容器块定位,而是相对于视口定位。