CSS深入理解之margin_技术问答

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

CSS深入理解之margin

                
                张鑫旭
            页面重构设计

                    查看讲师更多课程 
                    张鑫旭讲师的其他课程
                
CSS深入理解之border
中级·56801
免费课程
                                
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
                                逻辑清晰

全部评论问答未解决精华

qq_来块心灵鸡肉_0

循环，回放无数遍啊，很厉害，很有用哦

0 6-1 CSS margin失效情形解析

2016-12-13

素笺青墨4196268

为什么左右不会重叠呀

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

2016-12-13

传说中的小白龙

有规范。元素 margin-left + border-left + padding-left + width + border-right + padding-right + border-right + margin-right =父元素width。margin为负，数学计算上，其他值相应的就可以大。也就可以实现张老司机例子中的效果。

1 5-1 CSS margin负值定位

2016-12-05

歪嘴的肖恩

终于到了传说中的第5话。。。。

0 5-1 CSS margin负值定位

2016-12-04

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

最新回答 / 一刀斩2333

就会重叠在一起，造成实现的内容被覆盖掉

2 回答 1468 浏览 2-1 CSS margin与百分比单位

2016-12-04

margin与css重叠是不是可以理解为后面设置的属性会覆盖前面的，所以两个盒子共用一个属性啊？

最新回答 / 歪嘴的肖恩

不是太理解你的问题，之所以发生margin重叠是因为网页考虑到内容的排版问题，默认重叠可以使排版更好看，就比如老师说的多个空格的合并为一个空格。就是说设置margin的两个盒子分别也都有自己的margin值，只是在表现上有差别。

1 回答 1354 浏览 3-1 正确看待CSS的margin重叠

2016-12-03

日落了Y太阳出来了

撒花.......鼓掌鼓掌鼓掌

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

2016-11-30

关关_

<!DOCTYPE>
<html>
<head>
<title></title>
<style>
div{ margin:0; padding:0;}
.box{ background:#00CC66; overflow: scroll;}
.box>div{ margin:50%; background: #FFCC99}
</style>
</head>

<body>
<div class="box">
<div></div>
</div>
</body>
</html>
没看懂2:1的测试下就懂了

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

2016-11-24

啸啸家的小橘子

撒花✿✿✿✿✿✿✿

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

2016-11-23

慕工程8543639

淡蓝色背景完全看不到

2 4-1 理解CSS中的margin auto

2016-11-22

慕工程8543639

完全看不见背景色

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

2016-11-22

qq_Rainborn_03124004

美女妹子。。

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

2016-11-13

米傻

灵魂画师

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

2016-11-10

margin:50%

已采纳回答 / 东郭后生

朋友，左右margin不层叠，上下margin在某些条件下回层叠，这个课里面讲清楚了margin层叠，看看视频就懂了

1 回答 2181 浏览 2-1 CSS margin与百分比单位

2016-11-09

zray

受益良多！

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

2016-11-09

weibo_食优客_0

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

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

2016-11-08

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

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空