<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#Tri{
width:0px;
height:0px;
border-top: 50px solid yellow;
border-right:50px solid red;
border-bottom:50px solid green;
border-left:50px solid blue;
}
</style>
</head>
<body>
<div id="Tri"></div>
</body>
这是绘制四个三 Angular 形的代码,我看不懂的是这段代码中,div的宽度是0px,但是它的边框是50px,这是怎么回事?
最佳答案
好问题。这是 CSS 框模型的示例:
(来源:w3schools.com)
如果您将内容(即高度和宽度)保留为 0,您的边框仍然存在。在 W3Schools.com 了解有关 CSS 盒模型的更多信息.
关于html - border怎么能比div本身大呢?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26499499/