当margin属性的值设置为inherit时,它将继承父元素的样式。
实例代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
div{
border:1px solid red;
margin-left:100px;
padding:5px;
width:500px;
}
p.inherit{
margin-left:inherit;
}
</style>
</head>
<body>
<h1>使用继承值</h1>
<p>左外边距继承自父元素:</p>
<div>
<p class="inherit">本段落继承了div元素的左外边距。</p>
</div>
</body>
</html>
运行效果:
评论