章节
问答
课签
笔记
评论
占位
占位
今日不再显示

下一节课程： 正确看待CSS的margin重叠 (22:23) 下一节 重新观看

3 秒后播放下一节

为你推荐

张鑫旭
页面重构设计

web前端，就职于腾讯ISUX上海设计中心，喜欢卖萌打杂，同事都叫我张老师，(*^__^*) 嘻嘻……

讲师课程

CSS深入理解之border
免费课 中级 56796
CSS深入理解之padding
免费课 中级 52479
CSS深入理解之z-index
免费课 中级 40879
CSS深入理解之relative
免费课 中级 47916

相关课程

1.前端零基础入门
体系课 4844

提问题

提交

其他问答

查看更多本节问答

写笔记

代码语言
公开笔记
提交
加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后，能更快找到我哦～

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后，及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

这个比例自适应可能在什么地方用的到

最新回答 / 深山小童
应该用不到吧，里面添加内容尺寸就不行了。
2 回答 1414 浏览
2020-05-31

padding实现白眼效果

+ 我来回答 回答最高可+2积分
2 回答 1525 浏览
2022-03-30

想知道老师的这个授课用的软件是什么？

最新回答 / 唐特不灵
自己写的网页
1 回答 1570 浏览
2017-11-17

那个有颜色的矩形其实是外边距margin吗？

已采纳回答 / hblee
不是的，那个绿色是.box的content的颜色，box里面包含了一个空div，这个空div有50%的margin，所以撑开了父元素box，空div的里面没有任何东西，margin也是无颜色的
1 回答 2026 浏览
2017-05-10

margin-top：50%；margin-bottom:50%;不应

最新回答 / 一刀斩2333
就会重叠在一起，造成实现的内容被覆盖掉
2 回答 1506 浏览
2019-07-25

margin:50%

已采纳回答 / 东郭后生
朋友，左右margin不层叠，上下margin在某些条件下回层叠，这个课里面讲清楚了margin层叠，看看视频就懂了
1 回答 2210 浏览
2016-12-07

求高宽2:1的源码. 我试了问答里的都不太好用

最赞回答 / P妞酱酱
<...图片...>（1）最里层的div是普通元素，所以其margin的百分比是相对于其容器.box的宽度来计算的；（2）最里层的div是空元素，所以本身不占据空间；（3）.box设置overflow:hidden;触发BFC，它会重新计算.box整个盒子的大小（占据尺寸），使得被触发BFC的元素不会影响到外面的元素，所以上下左右四个margin: 50%;不会出现在.box外面；（4）为什么2：1？因为垂直方向上margin重叠，所以高度上只有一个margin:50%;
5 回答 1248 浏览
2022-09-02

求高宽2：1的源代码及解释？

已采纳回答 / 慕莱坞4529473
<...code...>
3 回答 1905 浏览
2018-01-07

宽度2：1请教怎么实现？

最赞回答 / 冰冰冰冰冰3515066
<...图片...>box 是外层的伸缩框inner是带有背景色的自适应矩形inner里面的空div 设置margin: 50%;inner的overflow: hidden;是关键  防止最里面的div的margin穿透 这样才能把inner撑开  显示背景色最里面的空div左右margin: 50%;把水平方向撑开上下margin: 50%;自身发生重叠，实现了宽高2:1的自适应
3 回答 1408 浏览
2017-09-18

求解求大神照顾

已采纳回答 / 我要成为前端大姐大
表示在类元素box下的div元素,">"其其子元素<...code...>这第一个top可以在css样式中表达为<...code...>这第一个bottom可以在css样式中表达为.body>bottom
2 回答 1241 浏览
2016-10-01

后面自适应部分没听懂。。。

最赞回答 / 我要成为前端大姐大
<...code...>是根据相对定位和绝对定位的  3：00那里重新看下
7 回答 2037 浏览
2016-11-08
全部 我要发布
最热 最新
只看我的

推荐课程

推荐路线系统化学习，打造阶梯学习模式

相关课程

手记推荐

更多

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

账号登录 验证码登录

遇到问题
忘记密码

登录即同意慕课网《隐私政策》
代码语言