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
                                逻辑清晰

全部评论问答未解决精华

快不快乐有天终过去

列表那个例子，为什么我的实现不了啊

0 5-1 CSS margin负值定位

2016-09-11

_西口褡裢_

撒花***********************************************************************

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

2016-09-10

hdz

语速有点快啊

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

2016-09-07

Febula

撒花~~鼓掌~~

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

2016-09-07

hdz

感觉很有深度

0 5-1 CSS margin负值定位

2016-09-07

Jacques_0001

该人的英文发音惨不忍听，口音太重！！！

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

2016-09-06

关于background的用法

最赞回答 / 慕粉3759934

...你代码是不是写错了,ul闭合标签是</ul>

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

2016-09-06

it饿狼传说

最后一个这样理解：p元素包含在一个div块级元素里，这个div设置向左浮动，里面的p元素设置了margin-right:170px,也就是左边预留了170px，不是这个div子元素的img（图片）也设置了float：left，本来是这个图片是和这个div贴在一起，但是由于img设置了margin负值，使得图片在视觉上跑到了这个div预留的170px空间里。

8 5-1 CSS margin负值定位

2016-09-06

我想用一个div容器来限定图片的大小，怎么实现

最新回答 / stone310

图片层CSSimg{ width:100%或者height:100%; }是这种效果吗？

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

2016-09-06

it饿狼传说

原理：没有设置宽高的普通块属性，元素的宽（content）可以是任意值（可以缩成一点），即可以随着文字伸缩，也可以由于margin值水平伸缩，即margin值改变影响的是宽（content）尺寸，对padding值没有影响，可以设置background-clip:content-box验证；而height高由于先受文本内容的自适应影响，所以改变margin就只是改变margin值而已。
为什么设置了float和绝对定位后尺寸就不受margin的影响呢，因为设置这两个任意属性后，元素就成了inline-block，宽度尺寸仅随着文本的变化而变化。这就解释了inline也是如此。

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

2016-09-06

风声碎雨

0.5hahahahhahhahahahahahahahah魔性

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

2016-09-05

慕粉3750485

撒花~~~~

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

2016-09-05

慕粉3750485

张老师把这些都研究得很透彻都是干货大赞

1 5-1 CSS margin负值定位

2016-09-05

qq_懿_3

讲的好高大尚，但不知道讲了什么

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

2016-09-04

eva1963

图片，按钮，视频是替换元素，和普通元素有区别

2 4-1 理解CSS中的margin auto

2016-09-04

eva1963

谢谢张大大，给跪了

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

2016-09-04

首页上一页 17 18 19 20 21 22 23 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空