记一下简单实现一个功能:搜索框中放一个放大镜图片。 两种实现方式: 一种是HTML自带的,将input控件的type属性改成search就行了。 第二种是通过一个div盒子,使用相对定位实现,类似于帧布局,代码很短 ...
分类:
Web程序 时间:
2019-11-21 16:46:17
阅读次数:
1991
定位分两部分 定位模式: 静态定位:static (具备标准流的条件) 相对定位:relative 自恋狂 1.相对于自己原来的位置进行移动 2.不脱离标准流,占有原来的位置 绝对定位:absolute 1.如果没有父元素或者没有给父元素设置定位那么就会以浏览器定位 2.如果父元素以及之上的前辈(固 ...
分类:
其他好文 时间:
2019-11-20 19:41:35
阅读次数:
67
1. 定位 定位有三种:相对定位、绝对定位、固定定位 1.1 相对定位 现象和使用: 1.如果对当前元素仅仅设置了相对定位,那么与标准流的盒子什么区别。 2.设置相对定位之后,我们才可以使用四个方向的属性: top、bottom、left、right。 特性:1.不脱标 2.形影分离 3.老家留坑 ...
分类:
Web程序 时间:
2019-11-17 21:12:52
阅读次数:
79
static 定位 HTML 元素的默认值,即没有定位,遵循正常的文档流对象。 静态定位的元素不会受到 top, bottom, left, right影响。 fixed 定位 元素的位置相对于浏览器窗口是固定位置。 即使窗口是滚动的它也不会移动: relative 定位 相对定位元素的定位是相对其 ...
分类:
Web程序 时间:
2019-11-12 20:15:32
阅读次数:
154
定位比较 定位模式 是否脱标占有位置 是否可以边平移 移动位置基准 静态定位(static) 不脱标,正常模式 不可以 正常模式 相对定位(relative) 不脱标,占有位置 可以 相对自身位置移动 绝对定位(absolute) 完全脱标,不占位置 可以 相对于有定位的父级移动 固定定位(fixe ...
分类:
Web程序 时间:
2019-11-12 13:17:59
阅读次数:
87
为了qt中的qss + 浮动 + 定位 + 盒模型 定位 + 普通流:就是html的位置 + 相对定位: 相对于html中的元素位置.使用时,无论是否移动,元素仍然占据原来的空间,因此会覆盖其他元素框 + 浮动 + 绝对定位:脱离普通流,绝对定位的元素的位置是相对于距离它最近的那个已经定位的祖先元素 ...
分类:
Web程序 时间:
2019-11-11 18:30:46
阅读次数:
107
找工作时在网上找的面试问题以及自己梳理/查找出来的答案。方便大家/我日后查看。(面试问题出处:https://blog.csdn.net/xllily_11/article/details/70899191) 【CSS】 CSS 盒子模型,绝对定位和相对定位 —— https://blog.csdn ...
分类:
其他好文 时间:
2019-10-29 15:42:11
阅读次数:
100
相对定位和绝对定位,不改变元素的大小形状,只改变元素的位置。 相对定位和绝对定位是通过position属性来控制的,position属性的值为下面几种: 注:对于html的标准流(文档流)和浏览器怎么渲染各个DOM元素等底层知识,我不怎么清楚,下面的理解方式不一定正确,仅供参考。 相对定位: pos ...
分类:
Web程序 时间:
2019-10-26 21:04:13
阅读次数:
102
定位 定位有三种: 1.相对定位 2.绝对定位 3.固定定位 这三种定位,每一种都暗藏玄机,所以我们要一一单讲。 相对定位 相对定位:相对于自己原来的位置定位 现象和使用: 1.如果对当前元素仅仅设置了相对定位,那么与标准流的盒子什么区别。 2.设置相对定位之后,我们才可以使用四个方向的属性: to ...
分类:
Web程序 时间:
2019-10-23 16:29:37
阅读次数:
90
```html 定位流 我是span --> ``` ...
分类:
Web程序 时间:
2019-10-16 09:51:04
阅读次数:
98