overflow

position: sticky 在父元素设置 overflow: hidden 时失效，因后者创建新格式化上下文并截断粘性行为。解决方法包括：移除 overflow:hidden 改用 flow-root 清除浮动、将 sticky 元素移出受限容器或使用外层 wrapper 分离结构，确保 st…

使用 aspect-ratio 和 object-fit 可实现响应式图片裁切，通过设置容器宽高比并用 object-fit: cover 裁剪图片，确保图片填充容器且保持比例，常用 padding-bottom 技巧兼容性好。 在响应式设计中，保持图片的宽高比同时进行裁切，常见于头像、卡片图、轮播…

使用 clearfix 或触发 BFC 可解决浮动导致的父元素高度塌陷。1. 添加 .clearfix::after 类清除浮动；2. 使用 display: flow-root 触发 BFC，推荐此法以避免样式干扰。 当子元素使用了浮动（float）后，父元素往往无法正确包裹它们，导致高度塌陷。这…

浮动元素不参与margin合并，导致布局异常。解决方法包括：创建BFC隔离影响、用padding替代margin控制间距、清除浮动、优先使用flex或grid布局以避免问题。 浮动元素和 margin 合并（margin collapsing）之间的冲突，通常出现在块级元素垂直布局中。当一个浮动元素…

使用float实现导航栏左右排列，通过设置float:left和float:right使Logo左对齐、菜单右对齐，配合overflow:hidden清除浮动，确保布局稳定且兼容性好。 在CSS中使用浮动（float）实现导航栏左右排列，主要是通过给不同的导航部分设置 float: left 和 f…

java 多线程函数失效的常见异常类型和解决办法：1. illegalthreadstateexception：避免重复启动线程；2. interruptedexception：使用 try-catch 捕获并处理中断；3. nullpointerexception：确保线程对象已初始化；4. st…

使用 position: sticky 结合媒体查询和弹性布局可实现响应式固定侧边栏。1. 设置 position: sticky 与 top 值使侧边栏在滚动时吸附；2. 通过媒体查询在移动端隐藏或抽屉式展开；3. 采用 Flex 布局适配不同屏幕；4. 避免 fixed 定位导致的脱离文档流问题…

浮动元素会脱离文档流，导致行内元素环绕其排列，易引发布局错乱；应避免在文本段落中嵌入浮动块级元素，确保父容器为块级并合理清除浮动，或采用inline-block、Flexbox等替代方案以提升布局可控性。 浮动元素与行内（inline）元素结合使用时，容易出现布局错乱或不符合预期的情况。核心问题在于…

本周是毫无成效的一周之一。我在训练营内容上没有取得太大进展，但我设法涵盖了本模块的最后一个理论单元： java 和大多数源自 c 的高级语言一样，具有三种基本类型的重复循环（著名的循环）：for、while 和 do-while。 for 当我们预先知道将用作可迭代对象（如数组）的元素的大小时使用。…

利用 :target 伪类和媒体查询可实现无 JS 响应式模态框。通过锚点触发显示与隐藏，结合 position: fixed 与 transform 居中，设置 max-width 和 overflow-y 适配多端，优化触摸体验。 响应式弹出模态框可以通过纯 CSS 实现，无需 JavaScri…