一份关于负外边距使用的权威指南

小甲鱼 · 发表于 2020-10-19 18:23:29

购买主题 已有 6 人购买 本主题需向作者支付 20 鱼币 才能浏览

作者：小甲鱼

版权：本帖内容著作权归作者所有，禁止商业或非商业转载，仅供个人学习使用，违者必究！

yanghongchen666 · 发表于 2020-11-30 06:16:14

这么好的帖子竟然没人！！！！！！！！！

yanghongchen666 · 发表于 2020-11-30 06:42:47

有一点疑惑是关于简单的两列布局的，我复制下来代码用浏览器打开的样式跟例子中的不太一样不知道是哪里出了问题如图所示:
代码跟上面例子的一模一样这里就不贴上来了

jinyuejin1 · 发表于 2020-12-6 15:40:39

yanghongchen666 发表于 2020-11-30 06:42
有一点疑惑是关于简单的两列布局的，我复制下来代码用浏览器打开的样式跟例子中的不太一样不知道是哪里出了 ...

#content p {
padding: 20px;
}
删除这一段就可以了。估计是多打了。

ironman2021 · 发表于 2021-4-25 11:15:09

本帖最后由 ironman2021 于 2021-4-25 11:20 编辑

感觉浮动元素的负边距的地方还是一知半解

ironman2021 · 发表于 2021-4-26 21:55:17

请问margin-right是什么意思？这个的解释是““让随后的元素从右侧或下方侵入覆盖自己””，但是fishB后面已经没有元素了呀，为什么fishB会往上面跑？？？？？

O2H2O · 发表于 2021-7-15 16:01:53

AB都浮动的情况下，对B设置margin-right的话，无论负值多少，B都跟在A的后面。似乎与圣杯布局有点相似。但是圣杯布局与双飞翼布局不同的是，main不需要设置overflow：hidden形成BFC，中间center也不需要在嵌套到container里面。总感觉哪里怪怪的，又说不上来……哎

月小饼 · 发表于 2021-8-18 10:49:59

Sermiscry · 发表于 2021-8-18 11:24:41

月小饼发表于 2021-8-18 10:49

不2b的铅笔 · 发表于 2021-10-16 02:57:51

找到宝了！

18岁的多啦A梦 · 发表于 2022-5-7 22:49:54

人的本质果然是一样的懒啊

红烧鱼鱼鱼子 · 发表于 2022-8-13 00:03:23

秀米做推送应该就是css实现的吧！甚至负外边距都很像！！！

fengling1314 · 发表于 2022-10-1 15:35:35

ironman2021 发表于 2021-4-25 11:15
感觉浮动元素的负边距的地方还是一知半解

额

影影影影影少丶 · 发表于 2022-10-2 10:37:16

想请问大佬们一下最后margin-right为什么是加在.FishB呢。不是应该加在.FishA里面，让A“把”B给拉上来吗？而且为什么加在.FishB为什么会有效果呢，B的右边不是没有元素可以侵入B了，然后怎么成了B去侵入A了呢？

c2514710281 · 发表于 2022-11-6 20:11:34

在.FishA里设置margin-left:-200px;或者margin-rigth:-200px;都会上去

c2514710281 · 发表于 2022-11-6 20:12:43

在.FishB里设置margin-left:-200px;会上去，设置margin-rigth:-200px;虽然会上去，但是会出现滚动条

皮卡Anoxia · 发表于 2023-7-28 18:13:16

来了

酒肆恩特布 · 发表于 2024-5-18 12:50:37

ironman2021 发表于 2021-4-26 21:55
请问margin-right是什么意思？这个的解释是““让随后的元素从右侧或下方侵入覆盖自己””，但是fishB后面 ...

同问

账号		自动登录	找回密码
密码			立即注册

小甲鱼小甲鱼当前离线 UID 9 日志相册贡献荣誉积分 93708 狗仔卡	发表于 2020-10-19 18:23:29 \| 显示全部楼层 \|阅读模式购买主题已有 6 人购买本主题需向作者支付 20 鱼币才能浏览版权声明作者：小甲鱼版权：本帖内容著作权归作者所有，禁止商业或非商业转载，仅供个人学习使用，违者必究！来源：https://fishc.com.cn/thread-182247-1-1.html
小甲鱼小甲鱼当前离线 UID 9 日志相册贡献荣誉积分 93708 狗仔卡	想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
	回复使用道具举报置顶卡千斤顶显身卡

[扩展阅读] 一份关于负外边距使用的权威指南