显示：内联；和重叠？答案

【问题标题】：display: inline; and overlapping?显示：内联；和重叠？
【发布时间】：2010-01-22 05:52:54
【问题描述】：

我有以下。错误类来自这里http://css.dzone.com/news/css-message-boxes-different-me

我在 div 中添加了 display: inline，因此它不会占用整行。然而，现在它不再进入下一行，而是停留在同一行并绘制在链接或登录表单的顶部。我该如何正确处理这个？我不知道我是否应该添加<br>（如果可行）或更改属性 css。

<div class="login">
<form action="/login" method="Post"><div>
<input type="text" name="username">
<input type="password" name="password">
<input type="submit" value="Login">
</div></form></div>
<div class="error">Error back - Title</div><br>

</body>
</html>

【问题讨论】：

标签： html css

【解决方案1】：

display:inline 使它表现得好像它只是另一个适用于页面正常文本流的项目。因此，如果您希望它被强制到下一行，那么是的，您需要添加一个<br>。但是，如果您只是想限制错误消息框的宽度但仍将其保留在自己的行中，那么您可能首先不希望 display:inline - 相反，您只想设置 @987654324 @ 属性，无论您希望框多大（例如，width:500px; 表示 500 像素宽，或 width:50%; 表示包含元素宽度的一半）。

【讨论】：