120-margin-top塌陷问题

web项目
images,css,js
图片文件,css文件,js文件



margin-top塌陷问题
怎么解决  

解决方法1
设置一个边框线
border: 1px solid white;


解决方法2
设置元素溢出
overflow: hidden;





js引入方式

第一种  不用
<div onclick="alert('abc')">点击按钮</div>

第二种
写在script标签中,内嵌式,少量使用
<script>
	alert('hello world')
</script>

第三种
外部引入,大部分情况都用这种
如果用了外部引入,标签内禁止写代码
<script src="js/test01.js">
</script>

如果同时用2和3
就分开两个部分写
会顺序执行的




文档流
文档流就是说按顺序的位置
有些设置了position
就不按这个顺序
就是脱离了文档流


relative 相对 相对于本身    文档流
absolute 绝对 相对于父类    脱离文档流
fixed	 固定 相对于浏览器  脱离文档流