【问题标题】:IE9 DIV padding issueIE9 DIV 填充问题
【发布时间】:2011-10-19 17:52:26
【问题描述】:

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 引入错误的边框。

【问题讨论】:

    标签: css html internet-explorer-9 padding


    【解决方案1】:

    将 div 内的文本包装在 <p> 中并在其上进行填充(如果适用,还有边距)

    #androidDiv p {
    padding: 0 0 5px 0;
    }
    

    【讨论】:

    • 好吧,它给了我相同的文本填充,但顶部和底部边距很大:( 感谢您的尝试。
    • 您建议的方式比以前更好。正如你提到的,我已经设法调整了“边距”。不过仍然愿意接受建议。
    • @iGuygar:你想改进什么?
    猜你喜欢
    • 1970-01-01
    • 2012-06-22
    • 2011-12-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-06-30
    • 2011-03-28
    相关资源
    最近更新 更多