CSS深入理解之margin_技术问答

首页免费课 CSS深入理解之margin 问答

CSS深入理解之margin

                
                张鑫旭
            页面重构设计

                    查看讲师更多课程 
                    张鑫旭讲师的其他课程
                
CSS深入理解之border
中级·56802
免费课程
                                
CSS深入理解之padding
中级·52482
免费课程
                                
CSS深入理解之z-index
中级·40881
免费课程
                                
CSS深入理解之relative
中级·47919
免费课程
                                
CSS深入理解之vertical-align
中级·39337
免费课程
                                
CSS深入理解之line-height
中级·43085
免费课程
                                
                难度中级
            
                时长 1小时23分
            
                学习人数
            
综合评分9.63
                            172人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.7
                                简洁易懂
                            
                                9.4
                                逻辑清晰

全部评论问答未解决精华

weibo_食优客_0

张老师的视频要用0.5速度来听

4 1-1 CSS margin与容器的尺寸

2016-11-08

浅尝

奇怪的天才

0 2-1 CSS margin与百分比单位

2016-11-08

janbs

都是来听课还是来找老师口音问题的？都调到0.5倍速度，你在听什么鬼？

3 3-1 正确看待CSS的margin重叠

2016-11-07

蜕变Gary

margin竖直方向上的百分比也是按容器宽度计算的

0 2-1 CSS margin与百分比单位

2016-11-06

夜深未眠

最后一个2:1的案例没看明白

6 2-1 CSS margin与百分比单位

2016-11-06

夜深未眠

感谢老师的讲解，受益匪浅

2 1-1 CSS margin与容器的尺寸

2016-11-05

gypsy_gyq

完结撒花~~~~

0 7-1 了解CSS margin-start and margin-end

2016-11-03

第一个例子设置margin-right无效

最新回答 / 大学霸

<...code...>可以的代码<...code...>

6 回答 3268 浏览 5-1 CSS margin负值定位

2016-11-03

margin负值使两端对齐不太明白？

已采纳回答 / 幸存的强迫症

20像素加在了ul上面，box宽度没变，浏览器F12 自己看一下

1 回答 1681 浏览 5-1 CSS margin负值定位

2016-11-02

Cfnick

很不错，过后还需要深入了解

0 7-1 了解CSS margin-start and margin-end

2016-10-31

overflow:hidden;意思为当内容宽高大于父容器宽高，超出的部分就会被隐藏。本题中内容宽度为：（386.66+20）* 3 = 1220父容器宽度为：1200 < 1220 所以这里如果不加overflow:hidden；则父容器无法在一行中容纳所有的内容，最后一个div元素会换行显示；但是如果你加overflow:hidden；内容超过父容器的部分可以被隐藏，即可做到一行显示。这里不设置也没关系是因为有一句margin-right:-20px;

4 回答 1740 浏览 5-1 CSS margin负值定位

2016-10-30

藕酱吃不饱

不是很明白

1 3-1 正确看待CSS的margin重叠

2016-10-30

六神清凉花露水

妹子是师娘吧一直当栗子！！！

8 4-1 理解CSS中的margin auto

2016-10-27

_楠

没听懂,也没有看懂最后一个小示例

2 2-1 CSS margin与百分比单位

2016-10-27

求高宽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 回答 1208 浏览 2-1 CSS margin与百分比单位

2016-10-26

POWER_YOU

这里有个妹纸

1 1-1 CSS margin与容器的尺寸

2016-10-25

首页上一页 13 14 15 16 17 18 19 下一页尾页

开始学习

课程须知: 既适合学习过CSS基础知识的新手深入学习，也欢迎有经验的小伙伴加深了解噢！

老师告诉你能学到什么？: margin与元素尺寸的关系、margin的百分比单位、正确看待CSS的margin重叠、深入理解margin：auto、剖析CSS margin负值定位的常见应用、剖析在使用margin时容易发生困惑的无效情形、扩展介绍margin-start/margin-end属性

微信扫码，参与3人拼团

热搜

最近搜索清空