1、请详细说明position定位的值有什么区别 static:position属性 默认值 relative：相对定位，定位是相对于自身位置定位（设置偏移量的时候，会相对于自身所在的位置偏移）。设置了relative的元素仍然处在文档流中，元素的宽高不变，设置偏移量也不会影响其他元素的位置。最外层 ...
分类：
其他好文 时间：
2020-07-11 19:22:22
阅读次数：
58
使用伪类 + transform方案： 原理是把原先元素的 border 去掉，然后利用 :before 或者 :after 重做 border ，并 transform 的 scale 缩小一半，原先的元素相对定位，新做的 border 绝对定位。 单 代码演示 : .box-1px{ posit ...
分类：
其他好文 时间：
2020-07-02 13:17:20
阅读次数：
51
定位布局(Position)指元素可以脱离原来的位置，定位到页面中的任意位置。 定位布局以内边距(padding)区域的左上角为定位原点，分为相对定位(包括static及relative)和绝对定位(包括absolute及fixed)。 1. 静态定位(static) 静态定位是默认的文档布局方式， ...
分类：
Web程序 时间：
2020-06-29 21:26:45
阅读次数：
78
实现原理：父元素为定宽定高相对定位，且overflow：hidden，子元素为绝对定位高度继承父元素，宽度可计算或设置一个大值，通过绝对定位的left来决定显示的子元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m ...
分类：
Web程序 时间：
2020-06-25 19:57:46
阅读次数：
62
html如何垂直居中一个浮动元素//方法一：已知元素的高宽#div1{background-color:#6699FF;width:200px;height:200px;position:absolute;//父元素需要相对定位top:50%;left:50%;margin-top:-100px;/ ...
分类：
Web程序 时间：
2020-06-22 11:14:43
阅读次数：
82
定位属性position static：默认值，没有定位 relative：相对定位 #third 例：{ background-color:#C5DECC; border:1px #395E4F dashed; position:relative; right:20px; bottom:30px; ...
分类：
Web程序 时间：
2020-06-08 22:08:32
阅读次数：
96
###对于一个页面来说，要怎么设计最主要是看你是用于什么的类型 ####如果是后台管理系统 一般都是一个屏幕显示，占据整个页面，有的时候要有一个页脚在屏幕最下面 这个时候可以给中间盒子设置绝对定位,页脚绝对定位，整个页面就全部填充 如果是超过一个屏幕大小的，可以用相对定位，或者不用定位，直接居中 # ...
分类：
Web程序 时间：
2020-06-08 12:41:55
阅读次数：
94
先看效果图 由于是截图，大小有些失真 实现分析 看到这个图，思考一下，就能明白，其实就两个难点： 左边的锯齿状是如何实现 中间的凹陷是如何实现 上述两个难点解决了，相信有css基础的都能写出这个组件。 实现锯齿效果 方法一：伪元素before和after .sawtooth { /* 相对定位，方便 ...
分类：
其他好文 时间：
2020-05-31 17:45:45
阅读次数：
59
溢出处理 overflow ：didden内容溢出div就隐藏 scroll内容溢出添加滚动条 auto自动适应 内联与块状转化 内联转块 display：block 块状转内联display：inline inline-block内联与块状结合 可以设宽高不独占一行 相对定位 相对于自身所在的位置 ...
分类：
Web程序 时间：
2020-05-22 19:54:29
阅读次数：
106
1.三种定位方式： 相对定位relative：相对于自身的位置进行偏移，postion需要搭配left/right/top/bottom postion:relative; left:10px; bottom:10px; 绝对定位position：相对于有position属性的父元素定位，如果父元素 ...
分类：
编程语言 时间：
2020-05-22 18:56:36
阅读次数：
67
