Question

css <li>标签溢出的问题

我设置的li标签在浮动的状态下出现这些问题，li的排列出了问题不整齐，虽然只在IE浏览器中有，不过请问谁知道这个怎么处理，先给10分能解决的给100分= =注意：在刷新一遍就变正常了。CSS 代码如下#hotels_photo {
width:190px;
margin:5px 5px 0 0;
float:left;
}
#hotels_photo li {
height:85px;
width:90px;
float:left;
padding:3px 2px;
}
#hotels_photo li h2 {
font-size:12px;
font-weight:normal;
}
#hotels_photo img {
height:70px;
width:83px;
}

Answer 1

这个问题的出现是因为第一行 两个 <li>高度不一致，左边第一个 比第二个高，导致 第三个 <li> 往左浮动换行的时候被第一个<li>高于第二个<li>的部分卡住了，所以留了一个空白，你仔细看你截图的第一行 2个 <li> 文字的位置，第二个文字要稍上一些。建议你给所有的<li> 添加1像素可见边框 就可以明显看到问题了。为什么ie下有问题，火狐下没问题？因为你给所有的li都写死了高度，火狐下外部容器的高度不受内容高度的影响，设定多少就是多少，ie下如果内容高度高于外部容器高度，是会撑开的。
建议你把html结构代码也贴上来，这样好分析问题一些。

Answer 2

#hotels_photo img {
height:70px;
width:83px;border:0;
}试试