fieldsets之间的空间如何删除它

Question

我创建了一个简单的登录表单。以下是登录表单的屏幕截图。

这是HTML代码。我使用过960框架。

<article class="container_12">   
        <section id="login" class="grid_3">
                <form action="POST">
                    <div id="loginheader"></div>
                    <fieldset class="logininputfields">
                        <input type="text" name="username" placeholder="Username" autofocus>
                        <input type="password" name="password" placeholder="Password">
                    </fieldset>
                    <fieldset class="submitfield">
                        <input type="submit" value="Log In">
                    </fieldset>
                </form>
        </section> 
    </article>

这是CSS

#login
{
    height: 330px;
}

#loginheader
{
    background: black;
    height: 32px;
}

.logininputfields
{
    background-color: #e5e5e5;
    padding-left: 24px;
    padding-bottom: 40px;
    height: 160px;
}

.logininputfields input[type="text"],input[type="password"]
{
    background: #c8cbcc;
    margin-top: 30px;
    border:1px solid #ccc;
    color: #ededed;
    font-weight: 600;
    height: 30px;
    width: 170px;
}

.submitfield input[type="submit"]
{
    background: #0099ff;
    border: 1px solid #ccc;
    height: 42px;
    width: 220px;
    font-weight: 600;
    font-size: large;
    color: white;
}


.submitfield input[type="submit"]:hover
{
    background: rgba(0,154,255,0.60);
}

我不明白为什么提交按钮和灰色区域之间有空格。怎么能避免呢？

Answer 1

您正在查看此浏览器的浏览器可能在所有字段集上具有默认边距。尝试使用以下内容删除页面边距：

fieldset {
   margin:0px;
   padding:0px;
}

Answer 2

就我而言，上述解决方案不起作用。我添加了一个空白的 A = [0, 1, 2, 3, 4, 5 ,6, 7, 8, 9, 10, 11] A2d = as2D(A,4) A2d[3,1] # 7 A2d[2,2] = 99 print(A2d) [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 99, 11] print(A) [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 99, 11] 以便在字段集之间留出空间。