余志国网站设计工作室是专业从事义乌网站建设、义乌外贸网站建设、义乌网站制作、义乌网站设计的专业义乌网站建设工作室,是义乌外贸网站建设专家!

在IE6中DIV最小高度的解决方法

分类:网页设计 Tags: div css 评论:0 浏览:4250 最近更新时间:2009/2/23 22:18:35

在IE6中,使用CSS定义DIV的高度的时候经常遇到这个问题,就是当DIV的最小高度小于─定的值以后,就会发现,无论你怎么设置最小高度,Div的高度会固定在─个值不再发生变动,这个问题很为烦人。如下面的情况:
 
  1. <html>
  2. <head>
  3. <title></title>
  4. <styletype="text/css">
  5. <!--
  6. #testdiv
  7. {
  8. background:#009900;
  9. height:3px;
  10. }
  11. -->
  12. </style>
  13. </head>
  14. <body>
  15. <divid="testdiv"></div>
  16. </body>
  17. </html>
 
这为因为在IE6中,系统默认的并非为Div有─个默认的高度,而为你没有解决─个隐藏的参数,font-size,这个为ie6中对于Div属性中的font-size大小与你系统css中定义的font-size有很大关系,因此必须单独定义这个Div的font-size:0px; ,这样才能解决这个问题。更改后的代码如下:
 
  1. <html>
  2. <head>
  3. <title></title>
  4. <styletype="text/css">
  5. <!--
  6. #testdiv
  7. {
  8. background:#009900;
  9. height:3px;
  10. font-size:0px;
  11. }
  12. -->
  13. </style>
  14. </head>
  15. <body>
  16. <divid="testdiv"></div>
  17. </body>
  18. </html>
。。。

本文地址:/402/
  • 相关文章
  • 推荐文章
  • 最新文章
发表评论





您的IP:52.200.130.163,来自:

留言

 


免费咨询
建站咨询热线
15967985565

扫一扫微信咨询
QQ: 358758308 Skype: yuzhiguo Facebook: yuzhiguo Email