Html 为什么我添加段落时div向下移动？

我正在尝试将

添加到我的

中。因此，在我的div中作为子元素如下：

通用文本

但是，当我尝试添加

时，我的

不会停留在相同的位置并向下移动。为什么会这样

---

默认情况下，

标记具有边距。因此，请尝试重置它们：

p{margin:0；}
.titleheader{溢出：隐藏；}

---

工作输出：

我自己也有过同样的问题。它与

.blank1

的

显示：内联块

有关

.blank1 {
    background-color: white;
    display: block;
    float: left;
    width: 9%;
    height: 9%;
    margin: 10px 30px 60px 65px;
}

---

这应该可以解决问题。

这是因为display属性的工作方式。要快速解决此问题，您需要添加新的

p

标记属性：

display:table你就完成了。
嗯。。刚刚尝试设置p{margin:0；}，添加段落时div仍然向下移动。@Hyrule使用
溢出：隐藏
for
.titleheader
.hmm。。谢谢：-）。但是现在我很好奇，我想知道刚才发生了什么。。为什么它一开始就向下移动？为什么溢出可以解决这个问题？@Hyrule这个概念被称为边际崩溃。搜索隐藏溢出的边距折叠，您就会知道。这是一个庞大的概念。这种行为与保证金崩溃无关。内联块元素的垂直边距永远不会塌陷。这是关于垂直对齐的，更常见的解决方案是将.titleheader div的垂直对齐设置为
top
。请永远不要出于布局目的使用
表格
或类似工具。这是可行的，但这不是语义方式。：）