|
|
|
@ -15,7 +15,7 @@
@@ -15,7 +15,7 @@
|
|
|
|
|
on <a href="https://codepen.io">CodePen</a>. |
|
|
|
|
</iframe> |
|
|
|
|
|
|
|
|
|
上例中,p0没有设置width和height,p0是一个block,所以它会占满父元素的整个内容宽度。p1和p2通过设置`width: min-content`、`width: max-content`,它们的宽度由内容决定。p3设置宽度高度为固定尺寸,此时内容过多导致`overflow`出现。 |
|
|
|
|
上例中,p0没有设置width和height,p0是一个block,所以它会占满父元素的整个内容宽度。p1和p2通过设置`width: max-content`、`width: mix-content`,它们的宽度由内容决定。p3设置宽度高度为固定尺寸,此时内容过多导致`overflow`出现。 |
|
|
|
|
|
|
|
|
|
## 盒模型的区域 |
|
|
|
|
|
|
|
|
|