html - 如何正确地将表单插入 HTML/CSS 中的 div？

Question

我做错了。这就是我所拥有的。

2 个背景图像 div（用于内容）和一个页脚。我试图将表单锚定到 div_11 的顶部，但它会到底部并隐藏它的一部分。

<div id="index-11_">
  <img src="xxx/ttt.jpg" alt="" width="1012" height="295" align="top" id="index_11" />
  <form>
    <div class="form">FORM CODE</div>
  </form>
</div>

<div id="index-12_">
  <img id="xxx/ccc.png" width="100" height="592" alt="" />
</div>

这是CSS：

#index-11_ {
  position:absolute;
  left:88px;
  top:158px;
  width:1012px;
  height:295px;   
}

div.box {   
  position:relative;
  background:#222222;
  width: 600px;
  margin-left:auto;
  margin-right:auto;
  border:1px solid #262626;
}

#index-12_ {
  position:absolute;
  left:1100px;
  top:158px;
  width:100px;
  height:592px;
}

Answer 1

该表单位于底部，因为您将其放置在您的第一张图片之后。似乎您希望图像元素成为 div 的背景图像，而不是让它们成为 html 流中的实际元素。你可以这样做；将此添加到#index-11_CSS：

background: url(xxx/ttt.jpg) no-repeat;

替换您的第一个图像元素。

http://reference.sitepoint.com/css/background