1、当margin-top、padding-top 的值是百分比时，分别是如何计算的？
- 可以对元素的margin设置百分数，百分数是相对于父元素的width计算，不管是margin-top/margin-bottom还是margin-left/margin-right。(padding同理)
- 如果没有为元素声明width，在这种情况下，元素框的总宽度包括外边距取决于父元素的width，这样可能得到“流式”页面，即元素的外边距会扩大或缩小以适应父元素的实际大小。如果对这个文档设置样式，使其元素使用百分数外边距，当用户修改浏览窗口的宽度时，外边距会随之扩大或缩小。
- 为什么margin-top/margin-bottom的百分数也是相对于width而不是height呢？
- 我们认为，正常流中的大多数元素都会足够高于包含其后代元素(包括外边距)，如果一个元素的上下外边距是父元素的height的百分数，就可能导致一个无限循环，父元素的height会增加，以适应后代元素上下外边距的增加，而相应的，上下外边距因为父元素height的增加也会增加，如此循环。
```html
<style>
.fu {
width: 400px;
height: 300px;
background: blue;
overflow: hidden;
}
.zi {
width: 20px;
height: 20px;
background: red;
margin-top: 50%;
}
</style>
<div class="fu">
<div class="zi"></div>
</div>
```
2、iframe缺点
- iframe类似于框架，可以在一个页面中嵌入别的页面。
- 缺点：
- 1.在一个页面中如果利用iframe嵌入了多个别的页面，不利于我们的管理
- 2.在一些小型设备比如手机上可能无法完全显示框架，兼容性不好
- 3.iframe是会阻塞页面的加载的，会影响到网页的加载速度。比如window的onload事件会在页面或者图像加载完成后立即执行，但是如果当前页面当中用了iframe了，那还需要把所有的iframe当中的元素加载完毕才会执行，这样就会让用户感觉网页加载速度特别慢，影响体验感。
- 4.代码复杂，不利于seo，现在的搜索引擎还不能很好的处理iframe当中的内容。
- 5.iframe框架会增加http的请求次数
3、行内元素有那些？块级元素有那些？空元素有哪些？
· 行内元素：不能实现宽度高度，横向显示
o a,span,i,em,var,b,strong,sup,sub,s,del,label,font,mark
· 块级元素：能设置宽度高度，纵向显示，并且默认站宽一整行
o h1~h6,p,div,ul,ol,li,dl,dt,dd,table,form,hr,fieldset,legend,marquee,iframe,header,nav,footer,section,main,figure,figcaption,hgroup,aside,article
· 行内块元素：能设置宽度高度，并且横向显示
o input,img,select,textarea
· 空元素：就是单标签
o input,img,br,meta,link,hr
· 置换元素：因为默认自带宽度告诉浏览器能进行根据类型路径加载对应的内容
o input,img,select,textarea
更多关于“前端培训”的问题，欢迎咨询千锋教育在线名师。千锋教育多年办学，课程大纲紧跟企业需求，更科学更严谨，每年培养泛IT人才近2万人。不论你是零基础还是想提升，都可以找到适合的班型，千锋教育随时欢迎你来试听。
京公网安备 11010802030320号