一、解决浮动带来的影响 1.浮动带来的影响 浮动在方便了块的左右移动的同时也带来了它的副作用： 出现父标签塌陷的问题 2.几种解决方法 1.自己加一个div设置高度 在设置了浮动的div后再根据浮动的这些div标签自己在手动加一个高度和设置的浮动div一样的div来防止塌陷 ps：这个办法是最没有技 ...
分类：
Web程序 时间：
2020-05-14 19:21:28
阅读次数：
62
jQuery左侧浮动导航条点击动画弹出移动箱单页内容https://www.mk2048.com/demo/demo_target_desc.php?id=2b2jkb00jjQuery移动箱内容jQuery底部滑出菜单_鼠标悬停滑动导航条https://www.mk2048.com/demo/de ...
分类：
其他好文 时间：
2020-05-14 15:41:38
阅读次数：
72
在网页中，元素有三种布局模型：流动模型（Flow） 默认的、浮动模型 (Float)、层模型（Layer）。下面我们来看一下这三种布局模型。 三种布局模型介绍： 1、流动模型（Flow） 流动（Flow）模型是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网 ...
分类：
Web程序 时间：
2020-05-13 16:54:53
阅读次数：
282
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
1..伪类、伪元素 伪元素主要是用来创建一些不存在原有dom结构树种的元素，例如：用::before和::after在一些存在的元素前后添加文字样式等，这些被添加的内容会以具体的UI显示出来，被用户所看到的，这些内容不会改变文档的内容，不会出现在DOM中，不可复制，仅仅是在CSS渲染层加入。CSS3 ...
分类：
Web程序 时间：
2020-05-11 22:03:03
阅读次数：
84
复杂的网页布局都是通过各种网页元素灵活定位实现的，网页中的各种元素定位都有自己的特点。下面我们来看一下css的几种定位方式。 float定位（即浮动定位）： 这种定位方式很简单，只需规定一个浮动的方向（如：float:left;就表示这个元素向左边摆放），它的定位是相对于父元素容器； 如果该元素设置 ...
分类：
Web程序 时间：
2020-05-11 13:11:29
阅读次数：
99
1.let、const更换为var声明 2.箭头函数更换为function 3.模板字符串``使用字符串拼接 4.flex布局更换为float浮动和positon定位 5.颜色rgb更换为16进制，rgba也可以通过识色转换为16机制，不过不透明，如果介意透明度的话可以外套一个div设置opacit ...
分类：
其他好文 时间：
2020-05-11 10:26:29
阅读次数：
202
dwm简介 dwm(dynamic window manager)，轻量级的窗口管理器，可以使用键盘进行操作，简洁高效。 dwm的安装 补丁推荐 打补丁 移除补丁 添加自动启动程序 "autostart" 显示窗口名 "awesomebar" 浮动临时窗口 "scratchpad" 增加窗口空隙 " ...
分类：
其他好文 时间：
2020-05-10 19:36:18
阅读次数：
625
复杂的网页布局都是通过各种网页元素灵活定位实现的，网页中的各种元素定位都有自己的特点。下面我们来看一下css的几种定位方式。 float定位（即浮动定位）： 这种定位方式很简单，只需规定一个浮动的方向（如：float:left;就表示这个元素向左边摆放），它的定位是相对于父元素容器； 如果该元素设置 ...
分类：
Web程序 时间：
2020-05-10 17:09:35
阅读次数：
81
