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