-
absolute: 以最近的祖先元素为参照 没有设置宽度时,宽度随内容改变查看全部
-
relative: 设置了偏移量时候 占置原来的位置 ,遮盖其他元素查看全部
-
当父层里的所有元素设置浮动后，父层的宽度缩成一条，用｛overfloat:hidden｝, {clear:both}用于紧跟浮动元素下面的元素查看全部
-
清除浮动：对受到浮动影响的元素设置 {clear:both/left/right} {width:100%/100px;overflow:hidden;}查看全部
-
float:主要用于块级元素横向排版 依然处于标准文档流：会对文档流产生影响，只会对紧跟其后的元素产生影响 没有设置宽度的盒子，设置ＦＬＯＡＴ宽度跟随内容变化查看全部
-
有设置宽度 并且没有POSITION FLOAT 才能用margin:0 AUTO 设置自动居中 auto＝（浏览器宽度－容器宽度）／２查看全部
-
【本节例子待实现】查看全部
-
补充上一个查看全部
-
横向两列布局——一列固定，一列自适应查看全部
-
三种定位机制:!!!!!!!!!!!!!!!!!!!!!!! 标准文档流:从上到下 从左到右 块标签和行标签组成 浮动 绝对定位查看全部
-
CSS定位机制——绝对定位position属性查看全部
-
CSS三种定位机制： 标准文档流、浮动、绝对定位查看全部
-
定位三种形式：静态定位static 、相对定位relative、绝对定位absolute； ·相对定位有以下特点： 1、相对自身原有位置偏移； 2、仍然处于标准文档流中； 3、随即拥有偏移属性和z-index属性； ————————————相对定位---------------------------------- A。相对自身位置偏移；div{position：relative；top50px；left：30px；}该div距离顶部50px；距离左边30px； ————————————绝对定位---------------------------------- 绝对定位有以下特点： 1、建立了以包含块为基准的定位； 2、完全脱离了标注文档流（意味着对关联元素不存在任何影响了）； 3、随即拥有偏移属性和z-index属性； 例子来鸟： A、未设置偏移量：无论是否存在已定位祖先元素(祖先元素是指包含该元素的其他元素)，都保持在元素初始位置、而且脱离标准文档流。 div{position:absolute;}，该div脱离了标准文档流； B、设置偏移量，偏移参照基准：没有已定位祖先元素（以<html></html>为基准）、有已定位祖先元素（以该元素最近的元素为基准）。查看全部
-
定位三种形式：1、静态定位 static 2、相对定位relative 3、绝对定位absolute 相对定位relative有以下特点： 1、相对自身原有位置偏移； 2、仍然处于标准文档流中； 3、随即拥有偏移属性和z-index属性； ————————————华丽分割1---------------------------------- A。相对自身位置偏移；div{position：relative；top50px；left：30px；}该div距离顶部50px；距离左边30px；查看全部
-
绝对定位：position属性设置。能够实现横向多列布局，以及较为负责的定位，比如带有遮罩层效果的提示框、固定曾效果、全屏广告等。 position拥有3种定位形式：1、静态定位；2、相对定位；3、绝对定位。 position可以设置4个属性值：1、static（静态定位） 2、relative（相对定位） 3、absolute（绝对定位，属于绝对定位） 4、fixed（固定定位，属于绝对定位）查看全部
举报
0/150
提交
取消