gpt4 book ai didi

html - border怎么能比div本身大呢?

转载 作者:太空宇宙 更新时间:2023-11-03 23:27:13 25 4
gpt4 key购买 nike

       
<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 框模型的示例:

css-box-model
(来源:w3schools.com)

如果您将内容(即高度和宽度)保留为 0,您的边框仍然存在。在 W3Schools.com 了解有关 CSS 盒模型的更多信息.

关于html - border怎么能比div本身大呢?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26499499/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com