Position header 中的提交按鈕

Question

我有一些像這樣的 HTML。

 <!DOCTYPE html>
            <html>
            <header>
                <title>
                    Page title
                </title>
            </header>
            <body>    
                <link rel="stylesheet" href="css/style.css">
                    <header class="main-header">
                        <h1>Header title</h1>
                    </header>
                <main>
                  <form action="upload">
                   <input type="text" id="fname" name="fname" value="John"><br>
                   <input type="text" id="lname" name="lname" value="Doe"><br><br>
                   <input type="submit" value="Submit" id="submit">
                  </form> 
                </main>
             </body>
        </html>

是否可以將提交按鈕與 header（頁面標題）對齊？

由於這是在表單標簽之外，我不能只將按鈕放在 header 標簽內。

這可以用 css 完成嗎？

Answer 1

雖然我強烈建議不要這樣做，但您可以使用 css 強制按鈕的 position：

<input type="submit" value="Submit" id="submit" style="position: absolute; top: 18px; left: 180px;">

通過添加position: absolute您可以使用top和left在 window 中設置絕對 position 。

Position header 中的提交按鈕

問題描述

1 個解決方案

解決方案1
1 已采納 2020-04-16 17:23:22

Position header 中的提交按鈕

問題描述

1 個解決方案

解決方案1 1 已采納 2020-04-16 17:23:22

解決方案1
1 已采納 2020-04-16 17:23:22