-
absolute摆脱了overflow的限制，不论是滚动还是隐藏查看全部
-
float与absolute 的相似： 包裹性 破坏性查看全部
-
这里利用了overflow失效：overflow处于绝对定位的x与包含块body之间，所以x没有被剪裁。 绝对定位元素不总是被父级overflow属性剪裁，尤其当overflow在“绝对定位元素”及其“包含块’之间的时候。 包含块指：含position:relative/absolute/fixed声明的父级元素，没有则body元素查看全部
-
:before :after选择器 :before 选择器在被选元素的内容前面插入内容。 :after 选择器在被选元素的内容后面插入内容 效果： <div calss="list" data-index="1"> ::before ::after </div> 可以看出：:before和:after的父级元素都是list，所以它仍然遵循绝对定位的原则： absolute：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。查看全部
-
3.内容区域同样也绝对定位：代码如下,其中overflow是为了当里面内容较多的时候可以滚动显示查看全部
-
1.1 绝对定位应用于整体布局的核心思想：body降级，子元素升级： 注意要让body：height为100%，因为默认下body高度为0，在这个之下满屏拉伸那还是0查看全部
-
尺寸限制>拉伸,但是当margin：auto出现时，其三者会出现居中效果查看全部
-
如果拉伸和宽高同时存在，那么宽高>拉伸尺寸查看全部
-
百分比高度支持应用查看全部
-
容器拉伸，内部元素支持百分比宽高值查看全部
-
内部拉伸特性应用“上一页下一页”查看全部
-
外部容器无需固定的宽高值，内部元素也可以拉伸，这样可以实现遮罩层效果： .container{display：inline-block}inline-block具有“包裹性”，可以让容器的尺寸正好是元素的宽高; 接下来使得与图片同级的cover上下左右満屏拉伸，正好可以图片尺寸的满屏拉伸 最广泛应用于“上一页下一页的浏览效果”查看全部
-
h5标签含义查看全部
-
遮罩层实现法二查看全部
-
遮罩层实现法一查看全部
举报
0/150
提交
取消