一、普通定位和相对定位css中的元素有两种元素，块级元素和行级元素，块级元素每定义一个，第二个会自动换行，行级元素不会换行。如下图定义了三个块级元素div和两个行级元素span。普通定位就是从上到下从左到右依次排布的布局。相对定位是在普通定位的基础上作出一些变动，如本来这个元素应该在第二行的位置，设置position:relative,bottom:20px …
css 高度
IT之家 7 月 11 日消息，微软公司在 7 月补丁星期二发布的 Windows 10、Windows 11 系统累积更新中，修复了追踪编号为 CVE-2024-38112 的零日漏洞。该零日漏洞由 Check Point Research 的安全专家李海飞（Haifei Li，音译）于 2023 年 1 月发现，是一个高度严重的 MHTML 欺骗问题，有 …
1. clamp()函数：流体布局神器应用场景：苹果官网响应式字号、淘宝商品卡片宽度自适应。代码案例 ：<style>.clamp-text {font-size: clamp(1rem, 2vw, 2rem);line-height: 1.2;padding: 15px;background-color: green;}<style> …
在CSS中，百分比（`%`）是一种灵活且强大的相对单位，但其具体行为常让开发者感到困惑。本文将深入解析百分比单位的计算规则，帮助你彻底掌握其背后的逻辑。 一、百分比的核心：参考系（包含块）百分比的值始终相对于其元素的参考系，即CSS规范中的包含块（Containing Block）。参考系的定义分为两种情况：普通元素：参考系为**父元素的内容区域（conte …
开发者在设计移动端布局时，经常遇到这样的问题：在桌面浏览器上一切正常，但当页面打开到手机上时，精心设计的页面却总会出现奇怪的截断、异常滚动，甚至布局在浏览器工具栏隐藏或出现时发生位移。这类问题的元凶通常都是 CSS 中的 height: 100vh。虽然大多数 CSS 教程都会推荐使用这个单位，但实际上，在移动设备上，100vh 并不能提供理想的用户体验。 …
一次分清clientHeight、offsetHeight、scrollHeight、scrollTop、offsetTop概念：clientHeight：可视的，看得见的部分，content+padding；offsetHeight：在clientHeight基础上，添加“”边框“”，即content+padding+margin；scrollTop：超过 …
- 1