html
关注
分享
扫一扫
文章平均质量分 61
一只特立独行的猫猫
有什么技术问题，欢迎大家一起交流，一起学习 如果人生旅途的道路一致，我愿为同行的你背起行囊
展开
-
使用flex布局，子元素怎么高度自适应？
1、想用flex实现这种布局2、各个子元素高度不固定，从上到下依次排列请问可以怎么实现？附：我对父元素定义了下面的规则：display:flex;flex-flow:row wrap;对子元素用p标签放了一些文本，未设置高度，结果显示效果如下红色标记是子元素被拉伸了，高度没有自适应：父元素上增加align-items: flex-start;因为交叉轴的对齐方式，默认是 stretch...转载 2020-11-01 16:46:39 · 8206 阅读 · 4 评论 -
css BFC
BFCBFC(Block Formatting Context)：块级格式化上下文。BFC决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。当设计到可视化布局的时候，BFC提供了一个环境，HTML元素在这个环境中按照一定的规则进行布局。一个环境中的元素不会影响到其他环境中的布局。BFC的原理（渲染规则）BFC元素垂直方向的边距会发生重叠。属于不同BFC外边距不会发生重叠 BFC的区域不会与浮动元素的布局重叠。 BFC元素是一个独立的容器，外面的元素不会影响里面的元素。里面的元转载 2020-10-30 21:38:30 · 208 阅读 · 0 评论 -
Rem布局的原理解析
Rem布局的原理解析tobAlier关注22017.10.25 11:27:32字数 2,630阅读 12,367什么是Remrem和em很容易混淆，其实两个都是css的单位，并且也都是相对单位，现有的em，css3才引入的rem，在介绍rem之前，我们先来了解下em:em作为font-size的单位时，其代表父元素的字体大小，em作为其他属性单位时，代表自身字体大小——M...转载 2020-01-13 15:51:21 · 875 阅读 · 0 评论 -
rem与@media 的优缺点
首先: 如果我们在做单独移动端网站或者app的时候 我建议 使用rem ;他能让我们在手机各个机型的适配方面；大大减少我们代码的重复性，是我们的代码更兼容。下面两个图一个调试在常用的机型 iPhone6 宽度是375*667 （一般的手页面的原型图为 750* ...) 另一个是我们最常出现问题的机型 iPhone5 因为是小机型所以比较容易出问题（错位！！！！）。...转载 2020-01-13 11:01:59 · 1720 阅读 · 0 评论 -
http缓存详解，http缓存推荐方案
前言通过本文，你将了解到http缓存机制是怎样的，no-cache到底有没有缓存，地址栏回车，F5，ctrl+F5的区别，以及当下较为推荐的缓存方案等。自从和前端组的同事一起整了个前端扫盲计划，想着给他们讲点什么，花了一周时间整理了http缓存的知识，花了一个多小时也算帮同事们重新理了理这玩意。本文借用了部分优秀文章的思路，这里就当一个整理分享了。那么我们开始~说明阅读前提：h...转载 2019-10-17 10:41:26 · 172 阅读 · 0 评论 -
css button 的四种状态 focus 伪类
1.普通状态2，鼠标hover状态 3.active 点击状态 4.focus 取得焦点状态focus 经常用来取消a链接点击后产生的虚线边框a:focus{outline: none;}<!DOCTYPE html><html><head><title></title...转载 2019-08-15 00:21:06 · 12056 阅读 · 1 评论 -
iframe设置100%，出现纵向滚动条
iframe 设置为100%出现纵向滚动条转载 2018-04-04 22:14:47 · 1636 阅读 · 0 评论 -
html margin-top 不起作用
margin-top不起作用原创 2018-01-13 10:02:59 · 10636 阅读 · 0 评论 -
htm学习l第三天
今天的学习内容有，css的权重问题相同权重的选择符，哪个选择符最后定义，就采用哪个采用选择符的样式切记，是css中定义的样式顺序，不是html中使用的顺序接下来就是今天学的一些很零碎的东西1、{margin:0 auto;} 这个的作用是让元素整体居中显示，但是这个有两个使用条件1）只能给块状元素使用2）使用时必须给块状元素设置高度，这样左右原创 2018-01-12 09:26:44 · 431 阅读 · 0 评论