1.三种定位方式： 相对定位relative：相对于自身的位置进行偏移，postion需要搭配left/right/top/bottom postion:relative; left:10px; bottom:10px; 绝对定位position：相对于有position属性的父元素定位，如果父元素 ...
分类：
编程语言 时间：
2020-05-22 18:56:36
阅读次数：
67
1.三种定位方式： 相对定位relative：相对于自身的位置进行偏移，postion需要搭配left/right/top/bottom postion:relative; left:10px; bottom:10px; 绝对定位position：相对于有position属性的父元素定位，如果父元素 ...
分类：
其他好文 时间：
2020-05-22 18:54:50
阅读次数：
45
Float定位溢出隐藏 优点： 纯CSS实现，性能好，不用js调优 兼容性高 多行省略，自动显示 缺点： 单词截断 代码如下： <div class="ellipses-div"> <span class="ellipses-text">这是一段test字段，秋水共长天一色，落霞与孤鹜齐飞。这是一段 ...
分类：
Web程序 时间：
2020-05-18 19:03:14
阅读次数：
72
定位模式 static 静态定位-> 几乎不用 relative 相对定位 1 相对于原来在标准流中的位置来说的; 2 在原来标准流的区域继续占有,后面盒子仍然以标准流方式对待它， 后面盒子不会动 相对定位 水平居中方法: (1) margin : 0 auto； absolute 绝对定位: 是元 ...
分类：
Web程序 时间：
2020-05-18 14:36:21
阅读次数：
85
第一步：前端样式以及html代码（图片自行添加） css代码： #container{ width: 1200px; height: 400px; margin:0 auto; overflow: hidden;/*超出的图片垂直方向隐藏，水平方向也隐藏*/ position: relative;/ ...
分类：
Web程序 时间：
2020-05-14 15:06:05
阅读次数：
65
BFC概念：浮动元素和绝对定位元素，非块级盒子的块级容器 ,以及overflow值不为“visiable”的块级盒子，都会为他们的内容创建新的BFC（块级格式上下文） 补充概念： 浮动元素：float脱离文档流，相对于父元素显示；后面的块级元素和内联元素相对浮动元素，边框和背景忽略浮动元素；【块级元 ...
分类：
其他好文 时间：
2020-05-13 15:21:02
阅读次数：
74
绝对定位，三列的div，用float（浮动）来做是不行的，要用到绝对定位绝对定位：positi：absolute；贴紧左上边：position: absolute;left: 0;top: 0;贴紧右上边：position: absolute;right: 0;top: 0;left（左边距离）ri ...
分类：
其他好文 时间：
2020-05-11 22:08:21
阅读次数：
90
通过设置元素的pointer-events属性设置为none，来实现元素不可点击。此方法是通过设置元素的鼠标事件失效来实现元素不可点击。 css设置不可点击： css代码： .disable { pointer-events: none; } 示例： const disabled = true; < ...
分类：
Web程序 时间：
2020-05-11 13:17:50
阅读次数：
79
在使用React Native开发中，在某个页面用到了WebView组件，但是在部分Android机型（我这里是小米8）自己写的导航栏不显示问题： 通过 测试发现，导航栏是存在的，如果webview可以滑动，在webview 上下滑动时，导航栏是可以显示出来的。 解决方案 ：通过用绝对定位，外加显示 ...
分类：
Web程序 时间：
2020-05-11 13:00:47
阅读次数：
161
在本文中，我们主要讲解3种定位机制之一的绝对定位，这就需要深入了解relative（相对定位），absolute（绝对定位）两种position属性值。 ...
分类：
Web程序 时间：
2020-05-09 17:01:53
阅读次数：
95
