惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

L
LINUX DO - 最新话题
G
Google Developers Blog
J
Java Code Geeks
The GitHub Blog
The GitHub Blog
F
Full Disclosure
H
Help Net Security
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Vercel News
Vercel News
酷 壳 – CoolShell
酷 壳 – CoolShell
Recent Announcements
Recent Announcements
Help Net Security
Help Net Security
The Hacker News
The Hacker News
IT之家
IT之家
Y
Y Combinator Blog
Martin Fowler
Martin Fowler
L
Lohrmann on Cybersecurity
C
CERT Recently Published Vulnerability Notes
V
Visual Studio Blog
博客园 - 聂微东
Hacker News: Ask HN
Hacker News: Ask HN
H
Hacker News: Front Page
Know Your Adversary
Know Your Adversary
Security Latest
Security Latest
Security Archives - TechRepublic
Security Archives - TechRepublic
Simon Willison's Weblog
Simon Willison's Weblog
www.infosecurity-magazine.com
www.infosecurity-magazine.com
T
Troy Hunt's Blog
Last Week in AI
Last Week in AI
Schneier on Security
Schneier on Security
N
News and Events Feed by Topic
博客园 - 【当耐特】
有赞技术团队
有赞技术团队
AWS News Blog
AWS News Blog
Blog — PlanetScale
Blog — PlanetScale
博客园_首页
Google DeepMind News
Google DeepMind News
Cloudbric
Cloudbric
N
News | PayPal Newsroom
A
About on SuperTechFans
S
Schneier on Security
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
Hugging Face - Blog
Hugging Face - Blog
M
MIT News - Artificial intelligence
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
雷峰网
雷峰网
T
The Exploit Database - CXSecurity.com
罗磊的独立博客
K
Kaspersky official blog
The Cloudflare Blog
I
Intezer

CSS

Oak - V2EX CSS Grid Lanes - V2EX 当 Github 网站的某些 css 未正常加载,居然有一种别样的美感 - V2EX 2025 年了,前端样式框架应该选 Bootstrap 还是 Tailwind? - V2EX 技术文章翻译: CSS 实现极简的 LQIP - V2EX unocss 的顺序问题,求大佬解惑 - V2EX 老哥们,问一个 SCSS 的问题 - V2EX Chrome 133.0.6943.60 @media (pointer: fine) 失效? - V2EX 有什么可以把设计图纸一键生成 CSS 和 HTML 的工具: - V2EX 问个简单的 CSS 问题 - V2EX 为什么 CSS 伪元素没有做支持嵌套伪元素的设计呢 - V2EX 没看明白这句话什么意思--BFC 布局规则: 每个元素的 margin box 的左边, 与包含块 border box 的左边相接触(对于从左往右的格式化,否则相反)。即使存在浮动也是如此。 - V2EX 除了 Flex,还有什么办法好办法解决"最后一个盒子塞满剩余空间"这个问题 - V2EX css 属性 -webkit-app-region: drag; 导致 iframe 加载页面失败 - V2EX 如何抄人家的布局? - V2EX 下面的代码中,如何解释 div 的高度? - V2EX 给 div 和 span 元素设置 line-height 为 0,为什么 div 几乎失去了高度,但 span 的高度没有受到影响? - V2EX 可能是最全的免费 Tailwind CSS Component 合集 - V2EX 请问一个 DIV 内的多个 span 如何连在一起显示呢?试了好多办法都不行。 - V2EX css 好难,你们怎么熟练把 css 用起来的? - V2EX 有什么实战学习 css 的教程? - V2EX 后端程序员如何学习 css - V2EX unocss 如何修改默认 8 的倍数 - V2EX css 有没有办法实现类似俄罗斯方块的布局效果? - V2EX 想把一个网站的所有样式转成 TailWindCss,请教各位大佬要咋弄呀? - V2EX 这个网站背景渐变效果怎么实现的? - V2EX 请教下媒体查询的问题. - V2EX 有大佬接单吗?帮忙优化下手机端的 css,200rmb - V2EX 尝试使用 CSS 优化台湾 PTT 论坛网页的阅读效果,但失败了 - V2EX 如何使用 css 来设置文字描边亿以达到 canvas 中设置文字外描边的效果? - V2EX 行内元素的 padding 表现问题 - V2EX 关于使用 flex 实现数字键盘的问题讨论:如何计算? - V2EX 谁知道如何使用 css,实现这样的下圆弧效果? - V2EX 请教一个和 border 有关的 CSS 样式的问题 - V2EX 如何解释 vertical-align 的这个现象? - V2EX CSS 选择器如何筛选同级的第一个节点。[ Python ] - V2EX 前端初学者求解!在 html 文件中先给一个标签起一个类名后,怎样实现在 css 文件中输入"."自动提示补全类名呢? - V2EX css 问题为什么 flex 会影响 before 的显示效果? - V2EX 字体图标,为什么不设计成将 icon 的 unicode 写在 html 上,而要用上伪元素 - V2EX 网页灰色简洁代码 - V2EX filter: grayscale(100%) 这玩意强制子元素继承?能不能让某些区域不变 - V2EX 手机浏览器一个容器设置了 overflow: scroll 后,有没有相关设置可以让内容不足以显示滚动条时也有橡皮弹性效果? - V2EX 关于主题切换的疑问 - V2EX 有什么字体文件切块的工具嘛 - V2EX 如何检查不同浏览器对 CSS 的兼容性支持? - V2EX System.css - V2EX 有没有可能在开发时写 Tailwind CSS,在提交代码前转换成带嵌套关系的 Sass? - V2EX 请教大佬一个前端开发的问题。 - V2EX 小米手机自带浏览器无法打开使用西瓜播放器插件的网页视频,是什么原因? - V2EX
没有脱离文档流为什么子元素[外边距]还撑不起来父元素 - V2EX
linuxsteam · 2023-03-27 · via CSS

这是一个创建于 1175 天前的主题,其中的信息可能已经有所发展或是发生改变。

如题,小弟刚学前端 CSS 问题如图 20230327_174749_w7r1xLQGxB.png 网站 https://wfion.com

我开始排查问题得时候,只排查了 body 得 css 。请教前端同事了,他只知道我图中元素影响了 超出了 body 但是他不知道什么原因

anjianshi

1

anjianshi      2023 年 3 月 27 日

如果“父元素的边缘”和“子元素的边缘”之间没有任何“会占用空间”的东西,那么子元素的 margin-top / margin-bottom 会穿透到父元素外面。

解决办法 1:父元素设置 overflow: hidden;
解决办法 2:子元素不要用 margin-top / margin-bottom ,改用 padding-top / padding-bottom

Al0rid4l

2

Al0rid4l      2023 年 3 月 27 日

要用 margin 撑起父元素, 需要一个 XFC, 通常是 BFC, 很多属性可以触发, overflow, flow, position:absolute 等等, 不过标准一点的做法是直接给 body 一个 display: flow-root 完事, 其他方式副作用会多点

linuxsteam

5

linuxsteam      2023 年 3 月 28 日

@anjianshi 我看网上说的是
当上下相邻的两个块级元素(兄弟元素)相遇时,如果上面的元素有下外边距 margin-bottom ,下面的元素有上边距 margin-top ,则它们之间的垂直间距不是 margin-bottom 与 margin-top 之和。取两个值之中较大的,这种现象被称为 margin 重叠