CSS如何定义1px左右高度的容器对象

2016-06-19 17:40:21 CSS如何定义布局1px左右高度的容器对象

CSS如何定义布局1px左右高度的容器对象

IE6下这个问题是因为默认的行高造成的,解决的方法也有很多,

例如:overflow:hidden | zoom:0.08 | line-height:1px

成功设置1px高度的div实例代码:

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  5. <title>新建对应1px高度DIV</title> 
  6. <style> 
  7. .exp{ height:1px; overflow:hidden; border:1px solid #F00} 
  8. </style> 
  9. </head> 
  10.  
  11. <body> 
  12. <div class="exp"></div> 
  13. </body> 
  14. </html> 

1px高度容器盒子截图

CSS成功设置1px高度DIV盒子截图
CSS成功设置1px高度DIV盒子截图

以上是用overflow:hidden设置,其它CSS设置1px高度 可以自己动手试试。

更新