同じLEFTポイントを持っているにもかかわらず、HTMLコントロールを整列させない...？

Question

これらの2つのコントロールは、divを追加しなくても、どのように並んでいますか？ Left：140pxに設定しましたが、まだ調整はしていません。

<pre> 
<span id="l4" disabled="disabled" style="display:inline-block;font-family:Arial;font-size:9pt;font-weight:bold;width:117px;">date</span><input 
name="date?4" type="text" value="1/1/2011 12:00:00 AM" id="date?4" runat="server" style="border-color:Black;font-family:Arial;width:300px;left: 140px" /> 

</br></br> 

<span style="font-family: Arial; left: 140px;position: relative;"><input id="chkAll?5" type="checkbox" name="chkAll?5"/> 
<label for="chkAll?5">Select All</label></span> 
<div id="divChkLst?5" 
style="left:140px;width:300px;height:125px;position:relative;display:block;border-style:solid;border-width:thin;margin:0;border-color:Black;padding:0; 

overflow:auto;"> 
     <table id="pMultiValueList?5" border="0" style="font-family: Arial;"> 
     <tr> 
      <td><span pTag="ReportParameter5"><input id="pMultiValueList?5_0" type="checkbox" name="pMultiValueList?5$0" checked="checked" 

/><label for="pMultiValueList?5_0">qw</label></span></td> 
     </tr><tr> 
      <td><span pTag="ReportParameter5"><input id="pMultiValueList?5_1" type="checkbox" name="pMultiValueList?5$1" checked="checked" 

/><label for="pMultiValueList?5_1">as</label></span></td> 
     </tr><tr> 
      <td><span pTag="ReportParameter5"><input id="pMultiValueList?5_2" type="checkbox" name="pMultiValueList?5$2" checked="checked" 

/><label for="pMultiValueList?5_2">zx</label></span></td> 
     </tr><tr> 
      <td><span pTag="ReportParameter5"><input id="pMultiValueList?5_3" type="checkbox" name="pMultiValueList?5$3" /><label 

for="pMultiValueList?5_3">er</label></span></td> 
     </tr> 
    </table> 
    </div> 
</div></br></br> 
</pre> 

Answer 1

相対配置された要素にはleft属性を設定できません。 （さて、あなたはできが、それは何の効果もありません。）1つのオプションは、

position:absolute; 

を設定することです。しかし、あなたは実際に絶対にそれらを配置し、トップ/ボトム値を設定する必要があります。

編集：コメントは、以下に述べたように

、あなたは140pxでそれらの両方を入れて、彼らはで始まるように整列されていない場合、彼らはまだ同じ数でオフになり、適切に左オフセット値ができピクセルの