在窗體中的大白色空間。在它上面

我在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改變，而且不知道如何使它工作與包括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;}

來源

2016-03-01 Juan Grasso

CSS重置您是否嘗試過當啓動一個項目？ '* {餘量：0;填充：0;}'在所有CSS的頂部。刪除默認邊距和填充。 – ketan

默認情況下，身體有margin和padding值，可以將此兩個屬性的設置刪除爲0.

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

表單元素具有默認的顯示內聯的屬性。內聯元素不受邊距或填充等因素的影響。

form { 
    display: block; 
}

而且是良好的復位所有屬性使用一些CSS重置庫一樣的Erick Meyer

來源

2016-03-01 04:58:48 xzegga

我已經嘗試過，並沒有工作 –

你有一個爲你的應用程序的網址演示，或有你的問題的打印屏幕？ – xzegga

[鏈接]（http://puu.sh/nqzWm/104943d968.png）那個大的空格是問題 –

在窗體中的大白色空間。在它上面

回答

相關問題