Question

下面是一个非常简单的HTML页面。

1）我想在顶部添加一个菜单，这意味着该编辑框的位置可能必须更改（？）或必须更改？文本框是否相对于其封闭的div定位（这将是菜单的div）？

2）我想添加更多表单元素，并使用相对于表单开头的coords精确定位它们，就在菜单之后（我以编程方式生成HTML，如果它有助于了解它;例如，我可以添加一个软糖因子。）

3）并且在最后一个之后我想要一个提交按钮，无论我在中间添加了多少输入元素，所以总是保证在页面的底部（因此，可能将表单的控件包装在中间）一个div？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
    </head>
    <body>
        <form action="HTTP://localhost/b/submitted.php" method="post">
            <div class="TEdit" id="TextEditBox1" style="position: absolute; top:56px; left: 72px; width: 121px; height: 21px;">
                <input type="text" name="TextEditBox1">
            </div>
            <div class"submit_button" style="position:absolute; top:102px; left:132px;"><input type="submit" name="submitButton" value="Submit"></div>
        </form>
    </body>
</html>

Answer 1

在大多数情况下，如果您只是按照希望看到的顺序将页面元素放在代码中，那么页面流将按照您的描述进行布局。

对于像素完美定位，您可以像在那里一样使用绝对定位，但这不是那种“最佳”定位方式。

我认为，如果您想要很好地理解如何布局页面元素，那么最好让您阅读w3schools上的CSS定位。

定位在三个窗格（页眉/正文/页脚）页面中

1 个答案: