技术博客
很多人以为 auto 能“自动搞定一切”，结果在写函数时直接这么写：这在 C++11 是合法的，但仅限于函数定义（不是声明），且要求所有 return 语句返回**相同类型**。一旦出现 return 42; 和 return 3.14; 混用，编译器会报错：error: inconsistent deduction for ‘auto’: ‘int’ and then ‘double’。
本文介绍在 react 项目中构建一个水平滚动横幅的完整方案：既通过 css `@keyframes` 实现流畅自动滚动，又支持鼠标滚轮/触摸拖拽的双向手动控制，避免因 `transform` 动画导致内容不可逆丢失的问题。
VS Code 默认启用 Emmet，div.class1.class2 回车就能生成 <div class="class1 class2"></div>。不用手动敲引号、空格、等号，也不用切输入法。
直接原因是 float 本身只影响后续行内内容的流向，但现代布局中容器常无清除机制，导致正文区未主动避开浮动区域。浏览器默认让文字绕排，而不是“预留左侧空间”。
HTML 图片默认是行内元素，会和文字基线对齐，导致下方留白——这不是 bug，是 CSS 默认行为；想精准控制位置，得用 vertical-align、display 或 flex，而不是靠 align 属性（已废弃）。
这是初学者最先想到的方式，对 <span></span>、<a></a>、<img alt="html标签居中怎么实现_html内容居中设置方法【样式】" > 这类行内元素或纯文本有效，但对块级元素（比如 <div>、<code><p></p>）没用——它只控制子内容的水平对齐，不移动元素自身。
很多开发者写 transition: right 0.3s，结果动画不触发——根本原因是：侧边菜单默认是隐藏状态，CSS 中常设为 right: -300px，但若 HTML 元素没显式设置 right（比如靠 position: absolute + top/left 定位），浏览器计算出的初始 right 值是 auto，而 auto 到具体像素值之间无法插值，transition 直接失效。
很多按钮在 iOS 上点不动，不是 JS 绑定问题，而是元素本身被浏览器判定为“不可点击区域”。Safari 和 Chrome for Android 对可交互元素有隐式最小尺寸要求：通常低于 44px × 44px 就可能拦截 touchstart，尤其当 width 或 height 是 0、auto 且无内容撑开时。
元素没设 top（或 bottom）值，或者父容器没设置高度/溢出限制，position: sticky 就直接退化成 static。它不是“自动吸顶”，而是依赖触发阈值和容器边界共同生效。
如果你用 g++ 编译时报错 ‘gcd’ is not a member of ‘std’，大概率是编译器没开 C++17 或更高标准。GCC 和 Clang 默认不启用 C++17，必须显式指定：-std=c++17 或 -std=c++20。MSVC 2019 v16.10+ 默认支持，但老版本仍需确认。