Большое белое пространство в форме. Вдобавок к этому

Question

Я получаю это большое белое пространство в содержании (проверено с помощью chrome devTool) формы в моем jsp. Я попытался изменить маржу и отступы на 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, и не знаю, как заставить его работать с теми, включают deirectives.

Это 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

По телу умолчанию имеют значение для поля и отступы , вы можете удалить эту настройку для этих двух свойств: 0.

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

Элементы формы имеют смещение по умолчанию ay свойство inline. Встроенные элементы не зависят от полей или прокладок, среди прочего.

form { 
    display: block; 
} 

Кроме того хороший сброс всех свойств при запуске проекта с использованием некоторых библиотек сброса CSS, как CSS Сброс Erick Meyer