1、盒子里有内容时，是内容顶部与内容顶部对齐,有border-top或margin-top时，border-top或margin-top凸出在对齐线上面。
2、盒子里无内容时，是margin-bottom底部与margin-bottom底部对齐；无border-bottom和margin-bottom时，内容的底部与margin-bottom的底部对齐；有border-bottom且无margin-bottom时，border-bottom的底部与margin-bottom的底部对齐。
3、有的盒子有内容，有的盒子没内容，有内容盒子的内容底部与无内容盒子的margin-bottom的底部对齐。
4、示例如下：
```html:run
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
*{padding:0;margin:0;}
</style>
</head>
<body>
<div style="display: inline-block;height:50px;width:100px;background:red;">0</div>
<div style="display: inline-block;height:40px;width:100px;backgrou
本文发布于:2024-02-04 05:19:34，感谢您对本站的认可！
本文链接：https://www.4u4v.net/it/170699991352459.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
| 留言与评论（共有 0 条评论） |
