Css From with position:absolute-现在我想在顶部添加一个菜单_Css

Css From with position:absolute-现在我想在顶部添加一个菜单

css

Css From with position:absolute-现在我想在顶部添加一个菜单,css,Css,我使用windows程序生成表单。这是WYSIWG，在windows程序中设计，在浏览器中查看，所以我使用style=position:absolute；左=X；top=Y；“用于表单上的每个元素现在我发现我想在顶部添加一个菜单，有效地将表单向下推到菜单的高度生成表单时，我是否应该调整top=Y？或者我是否可以在菜单或表单周围环绕一个div，并以某种方式保持表单控件相对于表单开头的位置这里有一个非常简单的例子；我的表单IRL要复杂得多 <!DOCTYPE HTML PUBLIC "-

我使用windows程序生成表单。这是WYSIWG，在windows程序中设计，在浏览器中查看，所以我使用

style=position:absolute；左=X；top=Y；“

用于表单上的每个元素

现在我发现我想在顶部添加一个菜单，有效地将表单向下推到菜单的高度

生成表单时，我是否应该调整

top=Y

？或者我是否可以在菜单或表单周围环绕一个div，并以某种方式保持表单控件相对于表单开头的位置

这里有一个非常简单的例子；我的表单IRL要复杂得多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Input data</title>
  <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
  <meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
  <meta HTTP-EQUIV="Expires" CONTENT="-1">
  <link type="text/css" rel="stylesheet" href="css/user.css">
</head>

<body style="position:relative; top=0px; left=0px;">
<form action="HTTP://localhost/a/submitted.php" method="post">

  <input type="text" name="text_input_box_2" style="top:81px; left: 89px; width: 119px; height: 20px;"class="text_iput">

  <input type="text" name="text_input_box_1" style="top:41px; left: 89px; width: 119px; height: 20px;"class="text_iput">

<div class="submit_button" style="position:absolute; top:127px; left:148px;"><input type="submit" name="submitButton" value="Submit"></div>
</form>
</body>
</html>


输入数据

您可以在当前控件中的所有控件周围包装一个相对div。子控件将具有与新div相对的位置，而不再是窗体

在此div之前添加菜单，也应将菜单放入div（静态或相对）中


菜单

附言：

您不能使用

style=“top:81px；左：89px；宽度：119px；高度：20px；“

用于车身

必须为两个按钮指定

位置：

，以使

顶部和左侧生效


换行div必须是相对的
<body>
 <form action="HTTP://localhost/a/submitted.php" method="post">
    <div id="menu">menu</div>
    <div id="wrap-div" style="position:relative">
      <!--current code from here -->
      <input type="text" name="text_input_box_2" style="top:81px; left: 89px; width: 119px; height: 20px;"class="text_iput">
      <input type="text" name="text_input_box_1" style="top:41px; left: 89px; width: 119px; height: 20px;"class="text_iput">
      <div class="submit_button" style="position:absolute; top:127px; left:148px;"><input type="submit" name="submitButton" value="Submit"></div>
   </div>
</form>
</body>