老师，content为什么不清除浮动，边距为什么用paddding 不是margin

首页课程实战体系课手记专栏慕课教程

来源：3-5 编程练习

anan_123

2019-08-08 21:22:24

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

*{margin: 0;padding: 0;}

.content{width: 810px;padding: 10px;font-family: "微软雅黑";line-height: 24px;border: 1px solid #ccc;}

.content .img01{float: left;padding: 10px;}

.content .img02{float: right;padding: 10px;}

.content{overflow: hidden;}

</style>

</head>

<body>

慕课网是垂直的互联网IT技能免费学习网站。以独家视频教程、在线编程工具、学习计划、问答社区为核心特色。在这里，你可以找到最好的互联网技术牛人，也可以通过免费的在线公开视频课程学习国内领先的互联网IT技术。<br/>

慕课网课程涵盖前端开发、PHP、Html5、Android、iOS、Swift等IT前沿技术语言，包括基础课程、实用案例、高级分享三大类型，适合不同阶段的学习人群。以纯干货、短视频的形式为平台特点，为在校学生、职场白领提供了一个迅速提升技能、共同分享进步的学习平台。<br/><

4月2日，国内首个IT技能学习类应用——慕课网3.1.0版本在应用宝首发。据了解，在此次上线的版本中，慕课网新增了课程历史记录、相关课程推荐等四大功能，为用户营造更加丰富的移动端IT学习体验。<br/>

老师来自于各大IT公司重要技术岗位，拥有丰富的实战经验。语言平实、通俗易懂，更接地气，传授最有价值的经验之谈。课程内容注重实用性，不仅让学员通过学习能够做出产品，而且学习过程中掌握的方法技巧在实际工作中用得上，能够切实帮助学员提升工作技能。<br/>

慕课网的绝大多数课程都经过了专业的后期制作，为课程内容匹配了个性化的视觉效果，帮助学员更好地理解课程内容，增加学习的乐趣。

</div>

</body>

</html>

写回答

2回答

好帮手慕言

2019-08-10

已采纳

同学你好，

带有浮动属性的元素会脱离标准流进行排列布局，脱离标准流后的元素就不和块元素相处在同一个流中，使得带有浮动属性的元素漂浮在正常块元素上面。但是浮动的块虽然脱离了正常的文档流，但是依然占据正常文档流的文本空间。于是在其后面写的文本并不会被浮动元素所覆盖。

标准流中块元素每个各占一行。内联元素则是水平排列，直到一行排列不下进行换行操作。因为使用了float的元素占据文本空间，使得后面的文本以除了浮动元素之外的空间为排列基准，形成了文本环绕的效果。

同学了解即可。

如果帮助到了你，欢迎采纳~祝学习愉快~

好帮手慕言

2019-08-09

同学你好，

1、在同学的代码中已经给content元素清除了浮动哦。

这里不清除浮动也是可以的，img元素浮动，但是文字没有浮动，是可以撑开父级的高度的。

2、边距使用padding不使用margin值是指的给content元素设置的吗？

padding可以撑开宽度，可以使文字和content之间有一定的距离。

如果设置margin值，不会撑开宽度。文字和content元素之间没有间隙，影响美观。建议使用padding值哦

如果帮助到了你，欢迎采纳~祝学习愉快~

hnan_123

h 文字没有浮动怎么没有钻到图片的下面呢

h019-08-09

共1条回复

0 学习 · 40143 问题

查看课程

相似问题

请教老师，2-10和2-11所讲的清除浮动的差别有疑问

回答 4

清除浮动指清除哪里的浮动

回答 2

老师，关于浮动的问题，既然设置了浮动为什么要清除掉呢，直接把浮动删除不就好了吗？请问两者的区别

回答 2

请教浮动问题

回答 4

怎么后面的间距怎么为20px?不是说外边距的总距离为最大值嘛？应该为10px啊。现在都相加了！

回答 3

打开慕课网App查看更多内容