浅谈CSS中浮动float带来的高度塌陷问题及4种解决方案
一:高度塌陷问题 在文档流中,父元素的高度默认是被子元素撑开的,也就是子元素多高,父元素就多高。但是当为子元素设置浮动以后,子元素会完全脱离文档流,此时将会导致子元素无法撑起父元素的高度,导致父元素的
一:高度塌陷问题 在文档流中,父元素的高度默认是被子元素撑开的,也就是子元素多高,父元素就多高。但是当为子元素设置浮动以后,子元素会完全脱离文档流,此时将会导致子元素无法撑起父元素的高度,导致父元素的
一篇吃透 Vue 3 v-model 与表单实战!从原理到封装,从自定义组件到 Element Plus 校验,全是项目能用的干货,帮你少踩坑、写得稳。
css实现左上角飘带效果效果如下:html代码<div class='wrap'><div class='ribbon'><span>测试1</span></div> </div>css代码.wrap
今天,在 CodePen 上看到一个很有意思的效果 -- GSAP 3 ETC Variable Font Wave,借助了 JS 动画库 GSAP 实现,一起来看看:我寻思着能否使用 CSS 复刻一
一、什么是动画? 动画就是一帧又一帧图片,按顺序展现在人的眼前,但是由于人的视觉反应不过来就会产生图画动起来的效果。 二、动画动作 1.动画的声明@keyframes name 动画声明需要使用@ke
css3中通过transition属性可以实现一些简单的动画过渡效果~ 1、语法transition: property duration timing-function delay;transiti
作为一名前端开发,最近接到了一个「划词取词」的需求 —— 老板希望做一个类似豆包、有道词典的划词识别功能,核心要求是低成本、离线可用、Windows 平台优先。整个开发过程一波三折,从 AI 生成的「
本文围绕 import.meta.env 与 process.env 的区别展开:前者是 Vite 在构建阶段注入的前端环境变量接口,适用于现代前端工程;后者是 Node 运行时的环境变量对象,常见于
在前端开发中,我们几乎绕不开一个核心问题:状态(state)该放在哪里? 随着项目复杂度的提升,状态的存放位置也会经历一次次“升级”: 这篇文章,我会带你一步步拆解这个“状态提升”的演进过程,并结合V
双端比较算法是 Vue2 响应式系统的核心之一,理解它不仅能帮助我们写出更高效的代码,也为理解 Vue3 的更优算法打下基础。虽然 Vue3 采用了新的算法,但双端比较的思想仍然值得我们深入学习。
学习通是常用的学习工具,可以随时进行学习,找到你需要的资源,跨平台就能在线学习,了解学习的进度,但是很多小伙伴找不到入口在哪,下面就分享给大家。学习通网页版登录
点击阅读