绝对定位元素的百分⽐margin
绝对定位元素的百分⽐margin是相对于第⼀个定位元素祖先元素（relative/absolute/fixed）的宽度（width）计算的
橙⾊的宽度（width）为1000px，
蓝⾊的宽度（width）为600px，
margin属性值可以为百分比img的margin为10%，
margin-left等于1000*10%，
margin-top等于1000*10%。
这时图⽚的margin值只与第⼀个定位元素的宽度有关.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#bigbox{
width: 1000px;
height: 200px;
background: lightcoral;
position: absolute;
}
#box{
width: 600px;
height: 200px;
background: deepskyblue;
}
img{
margin:10%;
position: absolute;
}
</style>
</head>
<body>
<div id="bigbox">
<div id="box">
<img src="img/logo.jpg"/>
</div>
</div>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。