Question

我正在创建一个网站并试图创建一个登录框。我有一个包含两盒内容的网站，我想添加第三个“登录框”。

然而，我似乎无法做到这一点，因为它出现在上面（当我有容器的当前宽度时）或更高（当我增加容器的宽度以适应空间的增加，因为框）。

此外，边距似乎也不会影响新创建的框。

所以我的问题是，实现这一目标的最简单方法是什么？感谢。

Answer 1

您可以将登录框和导航框放在同一个div中。浮动这个div和主要内容div如下：

<强> HTML：

<div id="navBar">
 <div id="loginBox">
   ...
 </div>
 <div id="navBox">
   ...
 </div>
</div>

<div id="mainContent">
  ...
</div>

<强> CSS：

div#navBar {
  float: left;
  width: 200px;
}

div#mainContent {
  float: left;
  width: 600px;
}

Answer 2

在“侧边栏”中添加“第三个框”并添加另一个div来包装原始侧边栏内容。

设置approriate登录div和导航div的样式。如果需要，将它们留下。

的示例html

Answer 3

如果没有doctype，你永远无法做到这一点。你处于怪癖模式。将其添加到您的第一行，然后查看我们的位置： <!DOCTYPE html>