定位的特殊属性:
绝对定位和固定定位也和 浮动 类似
1、行内元素添加绝对或固定定位,可以直接设置宽度和高度
2、块级元素添加绝对或固定定位,如果不给宽度和高度,默认大小是内容 的大小
3、脱标的盒子不会触发外边距塌陷
浮动元素、绝对定位(固定定位)元素都不会触发外边距合并的问题
<style>
span{
/* 1 */
position: absolute;
width: 100px;
height: 100px;
background-color: aquamarine;
margin-top: 300px;
}
div{
/* 2 */
position: absolute;
background-color: brown;
}
</style>
</head>
<body>
<span>我是span元素</span>
<div>我是div元素</div>
</body>
运行结果: