奇怪的差距

Question

我得到當我使用其他字段集之間的奇怪的差距下一個字段，但是這不是我的代碼...

這裏的CSS：

fieldset { overflow:hidden } 
.some-class { float:left; clear:none; } 
.some-class1 { float:left; clear:none; } 
.some-class2 { float:left; clear:none; } 
.someclass { float:left; clear:none; } 
.someclass1 { float:left; clear:none; } 

這裏的HTML：

<fieldset> 
    <div class="some-class"> 
      <input type="button" value="AAN" style="float:left" onclick="POI(this)" /> 

    <input type="button" value="UIT" style="float:left" onclick="POI(this)" /> 
    <span>Spoortoegang </span> 

</div> 
</fieldset> 
<fieldset> 
    <div class="someclass"> 
       <input type="button" value="AAN" style="float:left" onclick="Storingen(this)" /> 

     <input type="button" value="UIT" style="float:left" onclick="Storingen(this)" /> 
    <span>Storingen</span> 
</div> 
</fieldset> 

<fieldset> 
    <div class="Tekeningen-class"> 
      <input type="button" value="AAN" style="float:left" onclick="Tekeningen(this)" /> 

    <input type="button" value="UIT" style="float:left" onclick="Tekeningen(this)" /> 
    <span>Tekeningen</span> 

</div> 
</fieldset> 

<fieldset> 
    <div class="someclass1"> 
        <input type="button" value="AAN" style="float:left" onclick="Ultrasoon(this)" /> 
<input type="button" value="UIT" style="float:left;" onclick="Ultrasoon(this)" /> 
    <span>Ultrasoon Rapporten</span> 
</div> 
</fieldset> 

    <fieldset> 
    <div class="some-class2"> 
        <input type="button" value="AAN" style="float:left" onclick="Medewerkers(this)" /> 
<input type="button" value="UIT" style="float:left;" onclick="Medewerkers(this)" /> 
    <span>Medewerkers</span> 
</div> 
</fieldset>​ 
<fieldset style="margin:0px; padding 0px;"> 

<ul class="dropdown"> 
<div id="some-class1""> 
    <li><a id="drivers" onclick="dropdown(this); return false;" class="dir" style="font size=18"">IRISSYS Data &#9660;</a> 
     <ul id="driversmenu" class="sub" > 
<fieldset style="background-color:#c5ccd3">    
      <li><a> <div class="someclass"> 
        <input type="button" value="AAN" style="float:left" onclick="irisvoertuig(this)" /> 
<input type="button" value="UIT" style="float:left;" onclick="irisvoertuig(this)" /> 
    <span>Voertuig Effect</span></a></li> 
</fieldset> 

<fieldset style="background-color:#c5ccd3">    
      <li><a> <div class="someclass"> 
        <input type="button" value="AAN" style="float:left" onclick="iriscombinatie(this)" /> 
<input type="button" value="UIT" style="float:left;" onclick="iriscombinatie(this)" /> 
    <span>Combinatie Parameter</span></a></li> 
</fieldset> 

<fieldset style="background-color:#c5ccd3">    
      <li><a> <div class="someclass"> 
        <input type="button" value="AAN" style="float:left" onclick="irishoogte(this)" /> 
<input type="button" value="UIT" style="float:left;" onclick="irishoogte(this)" /> 
    <span>Hoogte</span></a></li> 
</fieldset> 

<fieldset style="background-color:#c5ccd3">    
      <li><a> <div class="someclass"> 
        <input type="button" value="AAN" style="float:left" onclick="irisschift(this)" /> 
<input type="button" value="UIT" style="float:left;" onclick="irisschift(this)" /> 
    <span>Schift</span></a></li> 
</fieldset> 

<fieldset style="background-color:#c5ccd3">    
      <li><a> <div class="someclass"> 
        <input type="button" value="AAN" style="float:left" onclick="irisverkanting(this)" /> 
<input type="button" value="UIT" style="float:left;" onclick="irisverkanting(this)" /> 
    <span>Verkanting verschil</span></a></li> 
</fieldset> 

<fieldset style="background-color:#c5ccd3">    
      <li><a> <div class="someclass"> 
        <input type="button" value="AAN" style="float:left" onclick="irisspoorwijdte(this)" /> 
<input type="button" value="UIT" style="float:left;" onclick="irisspoorwijdte(this)" /> 
    <span>Spoorwijdte Verloop</span></a></li> 
</fieldset> 

<fieldset style="background-color:#c5ccd3">    
      <li><a> <div class="someclass"> 
        <input type="button" value="AAN" style="float:left" onclick="irisspoorstaaf(this)" /> 
<input type="button" value="UIT" style="float:left;" onclick="irisspoortaaf(this)" /> 
    <span>Spoorstaaf Slijtage</span></a></li> 
</fieldset> 
<fieldset style="background-color:#c5ccd3">    
      <li><a> <div class="someclass"> 
        <input type="button" value="AAN" style="float:left" onclick="irissporen(this)" /> 
<input type="button" value="UIT" style="float:left;" onclick="irissporen(this)" /> 
    <span>IRISSYS Sporen</span></a></li> 
</fieldset> 

     </ul> 
    </li> 
     <div> 

    </ul> 
    </fieldset> 

中和鉻的元素檢查我得到這個：

有人知道我在做什麼錯嗎？ 您的幫助，將不勝感激。

在此先感謝

Answer 1

答：

有一種無形的字符放在字段集之間，有些呈現爲一個紅點看到。

​ 

刪除，你的問題就會消失。

http://jsfiddle.net/hsRSD/1/或在您的jsfiddle刪除：http://jsfiddle.net/KPTXR/1/

我刪除了其他部分，可以很容易找到。

<fieldset> 
    <span>Medewerkers</span> 
</fieldset>​ <-- It is here, but only seen in jsFiddle 
<fieldset style="margin:0px; padding 0px;"> 


    </fieldset> 

建議：

然後在你的代碼中有一些問題用雙引號：

style="font size=18"" <-- remove the duplicate 

（實際上CSS是font-size: 18px）

那麼要小心，不要做與其他元素嵌套UL。我可以告訴許多問題，而不是直接在UL下使用其他元素。

<ul id="driversmenu" class="sub" > 
    <fieldset style="background-color:#c5ccd3">  <-- THIS will likely cause problems!  
     <li><a> <div class="someclass"> 
      <input type="button" value="AAN" style="float:left" onclick="irisvoertuig(this)" /> 
      <input type="button" value="UIT" style="float:left;" onclick="irisvoertuig(this)" /> 
      <span>Voertuig Effect</span></a> 
     </li> 
    </fieldset> 

如果你必須有字段集有把它放在李後：

<ul id="driversmenu" class="sub" > 
    <li> 
     <fieldset style="background-color:#c5ccd3">   
     <a> <-- what does this do? 
      <div class="someclass"> 
      <input type="button" value="AAN" style="float:left" onclick="irisvoertuig(this)" /> 
      <input type="button" value="UIT" style="float:left;" onclick="irisvoertuig(this)" /> 
      <span>Voertuig Effect</span></a> 
     </fieldset> 
    </li>