                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS深入理解之float浮动

我有些难理解为什么float-left的样式里要写margin：0 10px 5px 0; 也就是说上外边距为0，右外边距为10，下为5，左为0，这是针对哪里看的啊。。。

大神能否麻烦帮忙画一个这个样式的示意图看看？。。。麻烦了。。！

支昂张

2015-07-26

源自：CSS深入理解之float浮动 1-2

关注问题我要回答

1676

操作

收起

4 回答

啟明
2015-07-26

针对的是img那个对象看的，图片首先设置了float：left，右边的文字就贴近了图片，为了美观给img加上外边距也就是 margin 0 10px 5px 0 为了是让右侧的文字离开一定的距离

0 回复有任何疑惑可以回复我~

收起回答

支昂张提问者

明白了，谢谢！

2015-08-11 回复有任何疑惑可以回复我~

支昂张提问者

非常感谢！

2015-08-11 回复有任何疑惑可以回复我~

xy319733580
2016-02-23

是按照上右下左的顺序来写的margin是吗？

0 回复有任何疑惑可以回复我~

收起回答

慕粉4184054

shi

2016-10-30 回复有任何疑惑可以回复我~

luona
2015-08-09

这是表示图片右边距为10px,下边距为5px

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

CSS深入理解之float浮动

参与学习 75978 人
解答问题 461 个

课程将会从感性的认识的角度讲解CSS float属性，浮动的前世今生

进入课程

本课相似问答

2 回答为什么font-size为0后margin也为0，但line-height为0后margin却不为0？

2 回答为何我看不到所说的边距bug呢？

2 回答案例中的trigger && length > 0怎么理解啊？

1 回答左边div左浮动，右边div设置display：table-cell，为什么会实现只能布局？

1 回答*{margin:0; padding:0;} body{font-family:"微软雅黑"; font-size:20px;}/*设置全局参数*/ #wrap{margin:auto; width:900px;}/*设置宽度后加margin auto可使剩余的宽度一分为二*/ #head{height:50px; width:900px; background:#CCC; margin-bottom:5px;}/*设置页面头部信息区域，margin bottom是设置与下面块元素的距离*/ #cont

搜索更多本课相关问答

我有些难理解为什么float-left的样式里要写margin：0 10px 5px 0; 也就是说上外边距为0，右外边距为10，下为5，左为0，这是针对哪里看的啊。。。

我要回答关注问题

热搜

最近搜索清空

我有些难理解为什么float-left的样式里要写margin：0 10px 5px 0; 也就是说上外边距为0，右外边距为10，下为5，左为0，这是针对哪里看的啊。。。

4 回答

本课相似问答

我有些难理解为什么float-left的样式里要写margin：0 10px 5px 0; 也就是说上外边距为0，右外边距为10，下为5，左为0，这是针对哪里看的啊。。。