Html 在三窗格(页眉/正文/页脚)页面中定位

Html 在三窗格(页眉/正文/页脚)页面中定位,html,css,Html,Css,下面是一个非常简单的HTML页面 1) 我想在顶部添加一个菜单,这意味着编辑框的位置可能需要更改(?)或者必须更改?文本框是否相对于其封闭的div(位于菜单的div之后)定位 2) 我想添加更多的表单元素,并精确地定位它们,在菜单之后使用相对于表单开头的坐标(如果有助于了解这一点,我将通过编程生成HTML;例如,我可以添加一个伪造因子) 3)在最后一个之后,我想要一个提交按钮,它总是保证在页面的底部,不管我在中间添加了多少个输入元素(所以,也许在DIV?中包装表单的控件)。 <!DOCT

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

1) 我想在顶部添加一个菜单,这意味着编辑框的位置可能需要更改(?)或者必须更改?文本框是否相对于其封闭的div(位于菜单的div之后)定位

2) 我想添加更多的表单元素,并精确地定位它们,在菜单之后使用相对于表单开头的坐标(如果有助于了解这一点,我将通过编程生成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>

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

对于像素完美定位,您可以使用绝对定位,但这不是最好的方法


如果你想很好地理解如何布局页面元素,我认为最好的办法是阅读CSS定位。在大多数情况下,如果你只是按照你希望看到的顺序在代码中放置页面元素,页面的流程将按照你所描述的方式进行布局

对于像素完美定位,您可以使用绝对定位,但这不是最好的方法


如果您想更好地了解如何布局页面元素,我认为最好的办法是阅读上页的CSS定位。

对不起,我不能让浏览器决定。HTML是由基于windows的程序生成的,我需要WYSIWYG-浏览器必须完全镜像windows程序中设计的表单,但必须具有顶部有一份菜单。当然,我会仔细看的(再说一次,我的脑袋好像绕不过去:-)我只是想,对于这么简单的东西,会有现成的解决方案。+1是为了花时间回答。嗯,你能重做这个例子让它工作吗?这会让你得到问题。对不起,我不能让浏览器决定。HTML是由基于windows的程序生成的,我需要WYSIWYG-浏览器必须完全镜像他在windows程序中设计了窗体,但在窗体的顶部有一个菜单。当然,我会仔细阅读它(再说一次,我的脑子好像没法想清楚它:-)我只是想,对于这么简单的事情,会有现成的解决方案。+1是为了花时间回答。嗯,你能重新设计这个例子使它起作用吗?这会让你得到问题。