<div style="overflow:auto;height:160px;">
    <table style="position:absolute;">
        ...
            <input name="username" type="text" />
        ...
    </table>
</div>

表格中的表單輸入框獲取焦點(diǎn)后全部沒有光標(biāo)，但是可以輸入。

<div style="overflow:auto;height:160px;">
    <table style="position:absolute;">
        ...
            <input name="username" type="text" />
        ...
    </table>
</div>

位于div容器區(qū)域上（藍(lán)色部分）的表單輸入框沒有光標(biāo)，div容器區(qū)域之外的輸入框有光標(biāo)，最明顯的是密碼這個(gè)輸入框，有下半個(gè)光標(biāo)。

<div style="overflow:auto;height:160px;"></div>
<table style="position:absolute;top:1em;left:1em;">
    ...
        <input name="username" type="text" />
    ...
</table>

這個(gè)例子和例一相比僅是標(biāo)簽的結(jié)構(gòu)不同，但是{overflow:auto;}的影響是一樣的。

<div style="overflow:auto;height:160px;"></div>
<div style="position:absolute;overflow:auto;">
	<table>
	    ...
	        <input name="username" type="text" />
	    ...
	</table>
</div>

看看這個(gè)例子似乎提供了例一的一種解決方案。但是去掉第二個(gè)div的overflow:auto;光標(biāo)消失

<div style="overflow:auto;">
	<table>
	    ...
	        <input name="username" type="text" />
	    ...
	</table>
</div>
<div style="overflow:auto;height:160px;"></div>

相比例四，兩者的區(qū)別就是div出現(xiàn)的順序不同，但是這個(gè)時(shí)候輸入框失去了光標(biāo)。

<fieldset style="overflow:auto;height:160px;">
    <legend>個(gè)人信息</legend> 
    <table style="position:absolute;">
 	    ...
	        <input name="username" type="text" />
	    ...
	</table>
</fieldset>

和例一相比也就是容器標(biāo)簽不同，fieldset不會(huì)造成光標(biāo)的丟失,或許還有其他標(biāo)簽也有這種情況。

<iframe style="height:160px;"></iframe>
<table style="position:absolute;top:1em;left:1em;">
    ...
        <input name="username" type="text" />
    ...
</table>

當(dāng)通過position:relative讓容器位于iframe所在區(qū)域，依舊會(huì)導(dǎo)致光標(biāo)丟失。