-
绝对定位： 1 建立了以她的【包含快】为偏移基准的定位； 2 完全脱离标准文档流；（对临近元素不会造成影响） 3 随即拥有了偏移属性和z-index属性。 —————— 偏移参照基准--参照物；设置偏移量之后才存在偏移参照基准这一概念。 —————— 未设置偏移量： 1 无视是否存在祖先元素（父级及祖级），都保持在初始位置； 2 脱离标准文档流； 3 宽度随内容而变化。 —————— 已经定位的祖先元素：是指如果一个元素设置了 position:fixed, absolute,relative 中任意一个，就代表已定位了。 relative比absolute稳定，所以网页制作中，需要定位基准时，通常把元素的父包含快设置为relative。 ——————查看全部
-
3D模型查看全部
-
盒子模型查看全部
-
相对定位： 1 设置了相对定位的元素会相对于自身原有的位置进行偏移； 2 仍处于标准文档流中，占据空间； 3 设置之后拥有偏移属性和z-index（空间层堆叠，z轴） 属性，会遮盖其他元素； ———— 设置相对定位，不设置偏移量，还是出在静态定位的初始位置；查看全部
-
绝对定位布局：使用position 实现带有遮罩层的提示框，固定层效果，全屏广告等； 3个定位形式：静态定位，相对定位，绝对定位 4个属性值：静态定位static（未设置定位时的默认状态，处于标准文档流）,相对定位relative，绝对定位absolute+固定定位fixed查看全部
-
清除浮动时，只设置宽度不行，必须设置overflow:hidden;才能实现清除浮动的效果查看全部
-
div的高度一般不要设置； 设置overflow:hidden不需设置高度；避免超过时无法显示； 横向两列布局可以一个 float:left 另外一个float:right; 横向三列布局的话还是需要对中间的div设置margin;查看全部
-
横向两列布局： 首先用包裹层 wrap实现自动居中；其次用三个层实现上中下排列；中间层实现横向两列布局。 父级包裹元素未设置浮动，子元素设置float,父级元素高度无法扩展 缩成一条，需要清除浮动影响；但是不能使用clear:both属性，因为clear是针对紧邻其后的元素使用。 此时需要使用 overflow:hidden 清除浮动影响。 margin-right:20px~查看全部
-
针对【受到浮动影响的元素】设置 清除浮动； 方法一：常用clear:both， 或者clear:left ,right; 方法二：设置width:100% (或固定宽度）+ overflow:hidden; 元素移除属性； ———————— 清楚浮动最好用css实现，不要使用<br/>查看全部
-
块级元素横向排版：float:left,right,none 直到触碰容器边缘为止； 设置了浮动的元素，仍然处于标准文档流 normal flow中；会对周相邻元素（紧邻其后的元素）产生影响； 块级元素 未设置宽度时，设置float之后，元素宽度会随着内容而变化，如果没有内容无法扩展会缩小为一个点；查看全部
-
http://img1.sycdn.imooc.com//546dac6b00011d5e12000530-120-68.jpg 包裹层设置自动居中后，内容则自动居中； #wrap{width:770px;margin:0 auto;}/*auto会根据浏览器的宽度自动设置两边的外边距*/ 外边距=(浏览器的宽度-外包含层的宽度）/2 包裹层设置float或者position：absolute、fixed的话就没有办法自动居中；查看全部
-
http://img1.sycdn.imooc.com//546d9b420001ae5712000530-120-68.jpg 样式追加 <div class="content book"> 添加两个class样式 盒子模型尺寸=边框+外边距+内边距+内容查看全部
-
http://img1.sycdn.imooc.com//546d97380001f19c12000530-120-68.jpg查看全部
-
CSS规定的定位机制有三种，分别是标准文档流、浮动及绝对定位。查看全部
-
Margin属性为auto时，不可再设置绝对定位或浮动查看全部
举报
0/150
提交
取消