IE9 DIV填充问题

时间:2011-07-19 15:25:30

标签: css html internet-explorer-9 padding

http://www.guygar.com/test/android/index.html

如果点击“我想说的所有内容”,它会通过AJAX加载一些文本。

div是:

#androidDiv
{
    background-color:#C93;
    color:#FFF;
    width:260px;
    height:321px;
    padding:5px;
    margin-right:10px;
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    border:1px solid black;
    overflow:auto;
    overflow-y: scroll;
    overflow-x: hide;
    text-align:justify;
}

我测试了FF,Chrome,Safari,它们都正确显示。但在IE9中出于某种原因,文本底部没有填充!

关于为什么会这样做的任何想法?

仅供参考:这是一个IE9错误。在某些屏幕分辨率下,IE会向div引入错误的边框。

1 个答案:

答案 0 :(得分:0)

将文本包裹在<p>中的div内,并在该

上填充(如果适用,请填充边距)
#androidDiv p {
padding: 0 0 5px 0;
}