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

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

1 个答案: