天天看點

神奇的IE6、IE7,莫名其妙的bug——單元格的高度會影響文本框的寬度?

寰堝鏃跺€欏彜鑰佹祻瑙堝櫒甯︽潵鐨勯棶棰樺線寰€鍑轟箮鎴戜滑鎰忔枡锛岃€屽鏁版椂鍊欐垜浠兘鑳芥壘鍒頒竴涓師鍥犳潵瑙i噴杩欎釜bug锛屼絾浠婂ぉ鍦↖E6鍜孖E7閬囧埌鐨刡ug纭疄璁╂懜涓嶇潃澶磋剳锛岃涓嬪浘锛?

神奇的IE6、IE7,莫名其妙的bug——單元格的高度會影響文本框的寬度?

浠庡浘鐗囧彲浠ョ湅鍒版湁涓や釜闂锛?

1銆佽〃鏍煎彸杈規绾誇笉瑙佷簡锛?

2銆佺孩鑹插渾鍦堝湀浣忕殑鍦版柟锛岄偅涓枃鏈灏戜簡涓彸杈規绾匡紝鑰屽彟澶栫殑涓€涓猅extare鍜宨nput鍒欐樉绀哄畬濂姐€?

闂閲嶇幇鐨凥TML婧愪唬鐮佸涓嬶細

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title>XX绯葷粺</title>
<style type="text/css">
*{padding:0px;margin:0px auto;}
body{margin:0;padding:0;border:0;height:100%;text-align:left;background-color:#FFFFFF;} 
div,li,td,th,caption,p,select,input,textarea,a,button,label{font:12px Verdana, Arial, Helvetica, sans-serif, "寰蔣闆呴粦", "瀹嬩綋";color:#404040;text-decoration: none;}
form{margin:0;padding:0}
select,input,button,label,span{vertical-align: middle;}
table {border-collapse:collapse;}
td {border:1px solid #e4e4e4;padding:2px;}
.textbox {border:1px solid #bfbfbf;height:20px;line-height:20px;vertical-align:middle;}
.textarea {border:1px solid #bfbfbf;}
</style>
</head>
<body style="background-color:#f8f8f8;">
<form id="form1" name="form1" method="post">
<table  cellpadding="0" cellspacing="0" width="90%">
<tr><td height=30 align="center">绠$悊鏈烘瀯</td>
    <td><input id="organ" name="organ" type="text" value="aaaa" class="textbox" maxlength=150 style="width:100%;"></td>
</tr>
<tr><td align="center">澶囨敞</td>
    <td><textarea id='memo' name='memo' type='text' class='textarea' style='width:100%;' rows='3'>bbbb</textarea></td>
</tr>
<tr><td align="center" class="ybg">澶勭悊鐘跺喌</td>
    <td class="ybg"><input id="note_status" name="note_status" type="text" value="cccc" class="textbox" maxlength=80 style="width:100%;"></td>
</tr>
</table>
</form>
</body></html>
           

闂1鍙互褰掔┒鍒癐E6銆両E7鐨勭洅瀛愭ā鍨嬩笂銆傞棶棰?鍒欒浜虹浉褰撹垂瑙o紝濡傛灉鎶婂崟鍏冩牸鐨勨€渉eight=30鈥濆幓鎺夋樉绀哄氨涓€鑷翠簡锛屽疄鍦ㄦ棤璇紒

繼續閱讀