相信学过CSS的同学都曾经对于position的各种属性很困惑，尤其是absolute和relative定位，简直就是傻傻分不清，笔者写这篇文章就是希望通过代码实验的方式来揭露absolute和relative定位的本质区别。 一、默认定位 HTML结构如下：<h1>和<h2>是为了与窗口的顶部隔开 ...
分类：
其他好文 时间：
2020-06-11 10:29:25
阅读次数：
52
如何设置标题栏一直置顶固定显示？ 只需要给标题栏所在的容器，以下设置： position: fixed; top: 0px; left: 0px; width: 100%; 位置固定在左上角，同时宽度填充满。当标题栏容器层级正常时，也可以使用position:absolute 以下是Position ...
分类：
Web程序 时间：
2020-06-10 16:02:16
阅读次数：
330
预设画板跟预览保存图片 // html<canvas canvas-id="shareImg" class="canvas-exp"></canvas> <view hidden='{{previewHidden}}' class='preview'> <image src='{{preurl}}' ...
分类：
微信 时间：
2020-06-08 12:53:18
阅读次数：
83
简介 前面写了一篇文章讲解了position常用的几个属性：《CSS基础篇-- position属性讲解》一般都知道下面几个常用的： { position: static; position: relative; position: absolute; position: fixed; } 在htt ...
分类：
Web程序 时间：
2020-06-08 12:25:53
阅读次数：
68
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ...
分类：
其他好文 时间：
2020-06-07 19:18:03
阅读次数：
86
边距重叠 统一的解决方案；设置padding或者border或者触发BFC 边距重叠有一下三种情况： 首先把所有的margin格式清空 <head> <title>边距重叠</title> <style> html *{ margin-top: 0px; padding: 0px; } </styl ...
分类：
其他好文 时间：
2020-06-07 12:56:38
阅读次数：
73
Document <style> * { padding: 0; margin: 0; } div { position: absolute; top: 50px; left: 0; height: 200px; width: 200px; background-color: pink; } spa ...
分类：
其他好文 时间：
2020-06-06 18:58:43
阅读次数：
67
所需要的技术有： 1、position（定位） 首先要了解position存在的意义： 元素可以使用的顶部，底部，左侧和右侧属性定位。 然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法。 这里会用到的是absolute 定位，也就是绝对定位，这个绝对 ...
分类：
Web程序 时间：
2020-06-05 09:14:08
阅读次数：
85
什么是层叠上下文（stacking context） 可以理解为一个dom节点在Z轴高人一等，特性类似于BFC，即层叠上下文的内部子元素再怎么翻江倒海，翻云覆雨都不会影响外部的元素。 CSS2创建层叠上下文的两种方法（参考MDN） 根元素 (HTML) 绝对（absolute）定位或相对（relat ...
分类：
Web程序 时间：
2020-06-04 21:24:29
阅读次数：
96
解决方案： 在项目中的web.xml文件的</web-app>标签内添加如下标签 <absolute-ordering /> ...
分类：
编程语言 时间：
2020-06-04 13:29:08
阅读次数：
199
