我有一个空的空间，我不能删除

我找不到任何相关的CSS填充，边距等导致这个空的空间。我有一个空的空间，我不能删除

主页有一个中间栏（推荐）部分，当为子页面移除时仍然留下明显的空白空间。下面的元素相对位于两列，但它们向上移动。

主页

http://teetime.comeze.com/

子页面例如：

http://teetime.comeze.com/pestcontrol.html

相关CSS：

.container { 
    width: 1030px; 
    margin: 0 auto; 
    z-index: 2; 
} 

.header { 


} 

.content { 
    z-index: 3; 
    margin: 1px; 
    padding-top: 1px; 
    padding-right: 0; 
    padding-bottom: 1px; 
    padding-left: 0; 
} 

#apDiv5 { 
    position: absolute; 
    width: 942px; 
    height: 322px; 
    z-index: 1; 
    clear: both; 
} 


.column1 { 
    height: 700px; 
    width: 490px; 
    float: left; 
    margin-left: 25px; 
    position: relative; 
    padding-top: 17px; 
} 

.column2 { 
    height: 700px; 
    width: 480px; 
    float: left; 
    margin-left: 10px; 
    position: relative; 
    padding-top: 20px; 
    border: none; 

} 
.form { 
    font-family: kreon; 
    line-height: normal; 
    height: 363px; 
    width: 293px; 
    /* [disabled]padding-left: 600px; */ 
    font-size: 100%; 
    z-index: 100; 
    text-indent: 0px; 
    padding-top: 0px; 
    color: #700CAF; 
    text-align: left; 
    letter-spacing: 1.4px; 
    background-image: url(teetimefinal.png); 

#mail { 
    left: 600px; 
    position: relative; 
}

这里是HTML代码（从头部的端启动两列）：

<div class="content"> 
    <div id="apDiv5"><img src="mole.png" width="902" height="320" alt="mole"></div> 
<form action="form-to-email.php" method="post" enctype="application/x-www-form-urlencoded" target="_self" class="form" id="mail" title="mail"> 
     <h2><br> 
     Free Estimate</h2><table width="234" border="0" cellpadding="3" cellspacing="3" summary="form"> 
    <tr> 
    <th scope="row"> <label>Name 
       <input name="Name" type="text" class="space" id="Name"> 
       <br> 
      </label>   </th> 
    </tr> 
    <tr> 
    <th scope="row"> <label>Email 
       <input name="Email" type="text" class="space" id="Email"> 
       <br> 
      </label>   </th> 
    </tr> 
    <tr> 
    <th scope="row"> <label>Street 
       <input name="Street" type="text" class="space" id="Street"> 
       <br> 
      </label>   </th> 
    </tr> 
    <tr> 
    <th scope="row"> <label>Phone 
       <input name="Phone" type="text" class="space" id="Phone"> 
       <br> 
      </label>   </th> 
    </tr> 
    <tr> 
    <th scope="row"> <label>Zip 
     <input name="zip" type="text" class="space" id="zip"> 
       <br> 
      </label>   </th> 
    </tr> 
    <tr> 
    <td scope="row">  <div align="center"> 
     <input type="submit" class="sub1" id="Sub" style="button" value="Submit"> 
    </div></td> 
    </tr> 
     </table> 

</form> 

<div class= "column1"><img src="/writing.png" width="493" height="653" alt="writing"> 
    <div id="apDiv14"> 
    <h3>Seven-Step   Fertilization Program<br>

来源

2013-03-20 deek

右侧的免费估算插件在index.css的第147行上有一个高度设置

只需减少此数以删除多余的空间。

来源

2013-03-20 20:20:17

和上面提到的Drawdesign一样，它看起来像是在index.css文件中的.form上声明了一个设置高度。改变这个高度，你会改变这个差距。

来源

2013-03-20 20:23:57 Mike

我有一个空的空间，我不能删除

回答

相关问题