布局和“绝对定位”、“相对点位”

279 查看

流式布局:从上到下、从左到右,输出文档内容 浮动布局:利用Float属性,left、right;添加浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。 清除浮动方法:1、clear left right both none 2、width:100% ;overflow:hidden; 定位布局:相对定位relative和绝对定位absolute;定位布局主要应用于遮罩层、全屏提示框、广告等。 两种定位的区别: 相对定位:元素仍处于标准文档中,相对自身原有位置进行偏移; 绝对定位:元素以包含块为基准的定位,完全脱离了标准文档流; 相同点:偏移属性和z-index属性
作者: jiangyu198558
链接:http://www.imooc.com/article/12769
来源:慕课网