Javascript 最后两个字段集之间的奇怪差距

当我在另一个字段集下面使用一个字段集时，我会发现两个字段集之间有一个奇怪的间隙，但这不在我的代码中

以下是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>

斯波尔特冈
斯托林根
Tekeningen
超短波
梅德韦克斯
​

IRISSYS数据▼；


沃图伊效应

组合参数

霍特

希夫特

维坎丁·维希尔

斯普罗维德特维洛普酒店

斯普尔斯塔夫滑道

虹膜孢子

在chrome的element inspector中，我得到了以下信息：

有人知道我做错了什么吗？ 谢谢你的帮助

---

提前感谢

回答：

在字段集之间放置了一个不可见的字符，有些人将其视为一个红点

​

去掉它，你的问题就会消失

或在JSFIDLE中删除：

我去掉了另一部分，以便于查找

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


  </fieldset>

如果必须将字段集放在LI之后：

  <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>

看起来您可能有一个底部边框，样式检查器怎么说？试着去掉div，然后去掉span，然后去掉两者，你还得到那条奇怪的线吗？但是…为什么只为了图形化的目的而使用fieldset？在这种情况下，我建议坚持使用div。我发现了一些浮点数，请尝试
clear：两个我想说是字段集、ul、div和li的嵌套导致了您的故障。不要在ul和li之间放任何东西，那么你会没事的。@Babboe你能做一点吗？这会很有帮助。我不太明白我需要做什么？我不应该只是删除这个你是说这个差距吗？只需删除红点。（可能在编辑器中不可见，只需删除…）是的，但当我看不到红点时，我如何在程序（尾码）中删除。
 <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>