-
css中的三种定位机制 1.标准文档流（normal flow） 2.浮动（floats） 3.绝对定位（Absolute positioning）查看全部
-
CSS 规定的定位机制有三种，分别是标准文档流、浮动及绝对定位。查看全部
-
positin属性 static 静态 relative 相对 absolute 绝对 fixed 固定查看全部
-
clear：both无法清除父包含块被浮动影响 用overflow:hidden查看全部
-
收到浮动影响的元素清除浮动方法一：clear：both 方法二：width：100%；overflow：hidden查看全部
-
绝对定位设置偏移量查看全部
-
从第一层到第五层依次为：border、content+padding、background-image、background-color、margin。查看全部
-
CSS 规定的定位机制有三种，分别是标准文档流、浮动及绝对定位。查看全部
-
第一层为border边框 第二层为content-padding内容与内边距 第三层为background-image背景图片 第四层为background-color背景颜色 第五层为margin外边距查看全部
-
横向两列布局： 使用absolute实现横向两列布局 --常用于--列固定宽度，另一列宽度自适应的情况 主要技能：relative--父元素相对定位 absolute--自适应宽度元素绝对定位 注意:固定适应宽度元素列的高度>自适应宽度的列查看全部
-
绝对定位：建立了以包含块为基准的定位 完全脱离了标准文档流 随即拥有偏移属性和z-index属性 未设置偏移量：无论是否存在已定位的祖先元素，都保持在元素初始位置 脱离了标准文档流 偏移参照基准：无已定位的祖先元素，以<html>为偏移参照基准 有已定位的祖先元素，以距其最近的已定位的祖先元素为偏移参照基准查看全部
-
3d模型 从上到下border content-padding background-image background-color margin查看全部
-
相对定位的特点： 1、相对于自身原有位置进行偏移 2、仍处于标准文档流中 3、随即拥有偏移量属性和z-indent属性 z-indent空间的层堆叠（默认处于x/y轴）查看全部
-
position属性值 静态定位static：没有使用position属性时，位于标准文档流中的默认位置。 absolute&fixed都属于绝对定位查看全部
-
1.对页面进行初始化：用全局选择器将浏览器的默认添加上， 把内填充、外填充都设置为0：*{padding:0;margin:0;}。 2.让页面自动居中：#wrap{margin:0 auto;width:960px} (上下值可任意设置，左右值必须设置为auto，宽度也必须设置,（值为除了100%的其他值），不然默认宽度会占据浏览器的100%)。 3. 清除浮动 父容器没有设置浮动，而子元素都设置了浮动，就无法撑开父容器的宽度，父容易就显示成一条直线了， 因为子级设置了浮动，因此父级元素的高度没办法正常扩展， 此时设置浮动后，父级元素和后面紧邻的元素都会受到影响。 清除浮动就可以解决元素浮动带来的影响： 但是对于父级元素受到的影响，clear:both是无效的，需用width:100%（或者固定宽度）+overflow:hidden（隐藏）的方式。 对于紧邻后面的元素受到的影响，需用clear；both的方式。 4.div块的高度一般不需要设置。 横向两列布局有两种方式： a.两列中均设置为左浮动：float:left, 然后再设置margin属性值，要保证：第一列的宽度+第二列的宽度+margin的值=父容器的宽度； b.两列中一列设置左浮动，一列设置右浮动（这种方法仅限于两列布局，对于多列则无效）；查看全部
举报
0/150
提交
取消