成长的点点滴滴，uchome/dz/wp/css/html/js，由啄米鸟撰写。
Dec 24th
Posted by 啄米鸟 in css/(x)html
没有评论
问题如下
<!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=utf-8" /> <title>IE中input上下1px边距</title> </head> <body> <div style="border:1px solid red;"><input type="text" /></div> </body> </html>
提示：你可以先修改部分代码再运行。
解决方法是给input加上浮动。
<!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=utf-8" /> <title>IE中input上下1px边距解决方法</title> </head> <body> <div style="border:1px solid red; overflow:hidden; zoom:1;"><input type="text" style="float:left;" /></div> </body> </html>