亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

三道杠問題,求解

<!DOCTYPE?HTML>
<html>
<head>
<meta?charset="utf-8">
<title>三道杠圖標</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值相加都達到30px了,不懂。。。還有邊框不是應該包括在容器里呢嗎?求解惑。。。。

正在回答

1 回答

您好,CSS 里定義的寬高,是填充內容的寬高,其他的加起來的總和才是盒子模型的總寬高。請注意定義的準確性。詳情可以查看HTML-CSS基礎課程,11-8盒子模型,寬度和高度。

0 回復 有任何疑惑可以回復我~
#1

YIFAN111 提問者

好的,謝謝,之前學過的忘掉了
2017-09-18 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學習       1228749    人
  • 解答問題       19080    個

HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義

進入課程

三道杠問題,求解

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號