div的最小高度

  前几天帮人做一个首页,其中footer的上面要5条充满100%浏览器宽度的色条,我懒得作图片就这么干了:
[html]

……

[/html]
[css].c1 {
height:5px;
background:#0763ae;
}

.c2 {
height:5px;
background:#03b1a8;
……
}[/css]
  最终效果还不错,没想到今天跑到IE6下面一看吓一跳,5条东西的高度快赶上粉条了orz。我那个恨啊,又是你小子添乱,前几天刚解决div置中的问题,现在又出状况来了。中间调试过程略过,最终解决方案是在css里加上这句:
[css]#color {
font-size:5px;
}[/css]
  因为我在body里定义过字体大小是11px,而IE6里解释div最小高度好像是跟着这个参数走的。

Technorati Tags: ,

4 Responses to “div的最小高度”

  • ohopen says:

    # 和 . 的的区别一样吗?一个是id 一个是class,但是不明白为什么是这样~一直在用但是每次都要用两次
    用firefox做css是天堂,用ie6不知道要改多少东西,即使看着苏沈小雨的css册子也要用搜索引擎搜索的,当然我做的页面还没有,改了一些~学习~

  • kDolphin says:

    什么叫每次用两次?id和class对很多人来说是使用习惯问题。

  • guoshuang says:

    ie 的容器会被内容“撑”开

  • lulu says:

    我每次都在空DIV里面会加上font-size:0px;那样height显示的高度就是实际高度了.还有就是ID的优先级比CLASS高吧.

Leave a Reply

Note: Commenter is allowed to use '@User+blank' to automatically notify your reply to other commenter. e.g, if ABC is one of commenter of this post, then write '@ABC '(exclude ') will automatically send your comment to ABC. Using '@all ' to notify all previous commenters. Be sure that the value of User should exactly match with commenter's name (case sensitive).