高度自适应第一种情况 1.高度不去设置,或者高度设置auto 内容撑开父元素的高度。2.内容撑开父元素的高度 -> 最小高度的设置 min-height3.浮动元素添加高度自适应 -> 添加浮动元素的父元素没有高度,会出现高度塌陷 解决高度塌陷的方法 (1)给出现高度塌陷的元素添加:overflow ...
分类:
其他好文 时间:
2020-04-21 13:05:46
阅读次数:
46
经过对前面知识点的巩固和加深,我们可以使用前面学习到的知识来制作实际开发中碰到的一些典型的布局,以此来达到综合应用知识的目的。 1、特征布局:翻页(所需知识点:盒模型、内联元素) 2、特征布局:导航条01(所需知识点:盒模型、行内元素布局) 3、特征布局:导航条02(所需知识点:盒模型、浮动、定位、 ...
分类:
其他好文 时间:
2020-04-19 17:51:49
阅读次数:
55
消息队列 每当想到消息队列:我们都会想到RabbitMQ,ActiveMQ,RocketMQ,等等一些专业的消息中间件。但是如果我们做的事情比较简单,只有一个消息队列,要使用专业的消息中间件是非常麻烦的,因此我们可以使用Redis做消息队列。 如果对消息的可靠性没有较高的要求的话,那么就可以使用Re ...
分类:
其他好文 时间:
2020-04-19 16:19:09
阅读次数:
74
(1)给父级元素单独定义高度(height) (2)在标签结尾处加空div标签 clear:both .clear{clear: both;} <div class="box"> <div class="red">1</div> <div class="sienna">2</div> <div cl ...
分类:
其他好文 时间:
2020-04-17 18:33:41
阅读次数:
66
静态浮动路由 应用场景: 到同一个目标网络有两条及以上的链路 如何配置: 将备份链路的路由优先级改大即可 注意: 回程的路由器也要配置静态浮动 主要配置命令 [R1]ip route-static 0.0.0.0 0 10.1.1.1 perferce X #X,优先级数值 实验示例: 配置命令 [ ...
分类:
其他好文 时间:
2020-04-17 14:00:05
阅读次数:
72
*测量li的高 是量字的头--到底下边框. *测量边框border 从框框里面开始量,不要量到边框了;' *测量行高是文字 底部到底部 或者 头部到头部 *导航栏最好不要给宽度(因为导航文字会变),最好用padding撑开; *浮动和定位转换了行内块;(会继承行高),所以要自己设置 list-hei ...
分类:
Web程序 时间:
2020-04-13 01:06:48
阅读次数:
108
在某些特定的场合,在没有知道宽度的情况下却要求水平居中,前段时间在写分页的时候碰到了这个问题。当时在网上找了一些解决方法,并选了一个最合适的方法,现将当时整理的一些方法发出。下列以分页作为演示说明: 点击查看演示DEMO 方案一 利用浮动的包裹性和相对定位百分比数据值特性,传说称之为“相对浮动” . ...
分类:
其他好文 时间:
2020-04-10 19:51:23
阅读次数:
77
块格式化上下文 "块格式换上下文" :(Block Formatting Content,BFC),页面中独立的块级渲染区域,该区域有一套渲染规则,用来约束块级盒子的布局,与本区域外无关。 触发BFC的条件 1. 浮动元素 2. overflow: hidden/auto/scroll 3. 绝对定 ...
分类:
其他好文 时间:
2020-04-09 01:03:15
阅读次数:
82
重绘(Repaint)和回流(Reflow) 什么是回流 通过构造render tree,我们将可见DOM节点以及它对应的样式结合起来,可是我们还需要计算它们在设备视口(viewport)内的确切位置和大小,这个计算的阶段就是回流。 当render tree中的一部分(或全部)因为元素的规模尺寸,布 ...
分类:
其他好文 时间:
2020-04-08 12:29:54
阅读次数:
101
CSS Float(浮动) 什么是 CSS Float(浮动)? CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列。 Float(浮动),往往是用于图像,但它在布局时一样非常有用。 元素怎样浮动 元素的水平方向浮动,意味着元素只能左右移动而不能上下移动。 一个浮动元素 ...
分类:
移动开发 时间:
2020-04-08 09:21:52
阅读次数:
512