【发布时间】：2011-05-27 19:36:55
【问题描述】：
我创建了两个 div，首先是红色背景 div，然后是蓝色背景 div，它们的宽度高度均为 100 像素。蓝色 div 出现在红色 div 下方。但是，如果我向左应用浮动或显示内联。蓝色 div 出现在红色 div 旁边。我想了解元素是如何放置在 html 页面上的，应用浮动或显示内联对其有何影响。
【问题讨论】：
【发布时间】：2011-05-27 19:36:55
【问题描述】：
请参阅 CSS 规范中的 The Visual Formatting Model。
【讨论】：
Div 是“块”元素，这意味着它们前后都有一个换行符，使新元素出现在它们下方。
如果您将 display 设置为“inline”，那么它们将成为内联元素，删除换行符，以便新元素出现在它们旁边。
向左浮动使元素“浮动”到页面左侧（或包含元素），然后内容从元素顶部围绕元素右侧流动（它旨在取代“对齐”图片的属性）。
【讨论】：
-
感谢您的回答。当 div 仍然有块显示但它向左浮动时会发生什么，新行没有添加到那里以及新行会发生什么。
-
不，float 也会删除新行。