Question

我正在学习HTML并尝试构建自己的网站，但我找不到我的标签发生了什么，它出现在网站的底部，即使我告诉CSS不要这样做。这个职位是“相对的”，但它出现在他父母的边界之外。

@charset "UTF-8";

body {
    background-color: rgba(20, 20, 20, 0.9);
}

div#interface {
    position: absolute;
    width: 88%;
    height: 100%;
    margin: -20px auto 0px 50px;
    padding: 15px;
    background-color: #678fd2;
}

header {
    width: 100%;
    height: 129px;
}

/* Ajuste Input Email */

header table {
    position: relative;
    margin: 20px 50% auto 700px;
    background-color: white;
    width: 350px;
    height: 20px;
}

<!DOCTYPE html>

<html lang="pt-br">

    <head>
        <meta charset="UTF-8" />
        <title>S</title>
        <link rel="stylesheet" type="text/css" href="thunder_css.css" />
        
    </head>
    
    <body>
        <div id="interface">

            <header>
                <figure class="imagem-logo">
                    
                </figure>

                <!-- CAMPO PARA DIGITAR INFORMAÇÕES DE LOGIN -->
                <table cellspacing="0" role="presentation">
                    <tr>
                        <td>
                            <input type="email" class="inputtext" name="email" id="email" value tabindex="1" data-testid="royal_email">
                        </td>
                    </tr>
                </table>
            </header>

        </div>
    </body>

</html>

Answer 1

问题是HTML和Body身高，我把100％放在CSS的两个高度，它起作用了。我在这里找到了答案：Div Height in Percentage

我的HTML和CSS不能像我想的那样工作

1 个答案: