三道杠問題，求解
<!DOCTYPE?HTML>
<html>
<head>
<meta?charset="utf-8">
<title>三道杠圖標(biāo)</title>
<style?type="text/css">
.line-tri{
????width:150px;
????height:30px;
????padding:15px?0;
????border-top:30px?solid;
????border-bottom:30px?solid;
????background-color:currentColor;
????background-clip:content-box;
}
</style>
</head>
<body>
<div?class="line-tri"></div>
</body>
</html>為什么容器的高度為30px呢，padding值相加都達(dá)到30px了，不懂。。。還有邊框不是應(yīng)該包括在容器里呢嗎？求解惑。。。。
2017-09-17
您好，CSS 里定義的寬高，是填充內(nèi)容的寬高，其他的加起來的總和才是盒子模型的總寬高。請注意定義的準(zhǔn)確性。詳情可以查看HTML-CSS基礎(chǔ)課程，11-8盒子模型，寬度和高度。