Question

我在jsp中的表单内容（使用chrome devTool检查）中获得了这个大的空白区域。我确实尝试将边距和填充更改为0px，但没有任何变化。我有3个提交，放置得很好，除了按钮和窗体边缘之间有一个空格（顶部）。我想这可能是困扰我有2个include指令，调用标题和菜单的事实。像这样：

<%@ include file = "PaginaPpal.html" %>
<%@ include file = "Menu.html"%>

<div id = "contenedor" >
    <form action ="abmNadador" method ="post">
        <input class = "botones" type = "submit" value="Nuevo Nadador"> 
        <input class = "botones" type = "submit" value="Editar Nadador"> 
        <input class = "botones" type = "submit" value="Eliminar Nadador"> 
    </form>
</div>

我不知道在我的CSS中还有什么可以改变，并且不知道如何让它与包括指令在内的人一起工作。

这是css：

#contenedor 
{
position: relative;
top: 100px;
left: 330px;
border: 3px solid #73AD21;
width: 75.5%;
}

（我没有修改输入中的边距，它不应该折叠）

.botones {
padding: 19px 39px 18px 39px;
color: #FFF;
background-color: #4bc970;
font-size: 18px;
text-align: center;
font-style: normal;
border-radius: 5px;
width: 100%;
border: 1px solid #3ac162;
border-width: 1px 1px 3px;
box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;}

Answer 1

默认情况下，body有一个margin和padding值，你可以将这两个属性的设置删除为0。

html, body, form {
   margin: 0;
   padding: 0;
}

表单元素具有内联的默认显示属性。内联元素不受边距或填充等因素的影响。

form {
   display: block;
}

此外，使用某些css重置库（如Erick Meyer的CSS重置

启动项目时，可以很好地重置所有属性

在表单中的大白色空间。在它的上面

1 个答案: