IE7< li>子弹或数字显示在div外面

问题描述

我遇到了IE7列表元素错误的问题。边缘的子弹（或数字）和显示在边缘之外。如何解决这个IE？从我看过，这似乎是一个问题，当指定的高度/宽度在IE7李。图片位于此处：

I'm having issues with the IE7 list element bugs. The bullets (or numerals) of and are being shown outside of the margin. How do I fix this for IE? From what I've read this seems to be a problem when specifying the height/width in an IE7 li. Images can be found here:

Firefox：

IE7：

我有一个带Meyer重置的样式表。 p>

I have a stylesheet with the Meyer reset.

#create_request li {
    display: list-item;
    width: 313px;
    height: 23px;
    background-color: #E3E3E3;
    list-style: decimal;
    list-style-position: inside;
    padding-left: 25px;
    padding-top: 5px;
}

#create_request li.alternate {
    background-color: white;

}

#create_left li:hover {
    width: 356px;
    background: url('/images/list_add.png') 100% 100% no-repeat;
    background-color: #B0B0B0;
    cursor: pointer;
}

推荐答案

$ b $ b

这是正确的。将 width 设置为< ol> ，而不是< li> < li>上使用 line-height 而不是 height 。

That's correct. Set the width on <ol> instead of the <li> and use line-height instead of height on the <li>.

#create_request ol {
    width: 313px;
}

#create_request li {
    line-height: 23px;
    ...
}

这篇关于IE7< li>子弹或数字显示在div外面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！