Html Div使用不同的浏览器

大家好，我的分区高度在以下浏览器中显示不同：Firefox和Internet Explorer。在Chrome和Safari中，我的分区看起来很好，你能帮我吗

这是我的分区

.openmeclis 
{
    position:relative; 
    margin-left:4px;
    background:#66B3E3; 
    width:90px; 
    height:370px; 
    display:inline-block;
    overflow:hidden;    
}

这是我的意思 这是来自Firefox的

这是Chrome公司的

<div id="subMenu">
    <div class="openbaskan" style="float:left">
        <a href="/Home/Baskan/45">Başkandan</a> <br />
        <a href="/Home/Baskan/46">&#214;zge&#231;mişi</a> <br />
        <a href="/Home/Baskan/47">Haberler</a> <br />
        <a href="/Home/Baskan/58">Videolar</a> <br />
        <a href="/Home/Baskan_foto">Fotoğraf Galerisi</a>
    </div>

    <div class="openmeclis" style="float:left">
    <a href="/Home/Sehir_Rehberi/93">Meclis &#220;yeleri</a> <br />
    <a href="/Home/Sehir_Rehberi/99">Meclis G&#252;ndemi</a> <br />
    <a href="/Home/Sehir_Rehberi/100">Meclis Kararları</a> <br />
    </div> 
</div>

---

检查编辑后的答案

注意下面编辑的CSS：
openmeclis先生
{
位置：相对位置；
左边距：4倍；
背景：#66B3E3；
宽度：90px；
高度：370px；
溢出：隐藏；
浮动：左；
列表样式：无；
}
#子菜单{
宽度：964px；
左边距：自动；
右边距：自动；
字体大小：14px；
字体风格：普通；
高度：336px；
}
HTML:
----------













​

---

不要添加不必要的标签。相反，您可以使用

方法。使用CSS时，不需要在html中添加样式标记。我不知道您在

#子菜单中添加了什么。。。我刚刚编辑了openmeclis的HTML和CSS

只需使用CSS的行高即可。因为每个浏览器呈现不同的线条高度，所以div在不同的浏览器中显示问题。 这是你问过的同一个问题的链接

---

请也添加html。您是否使用了任何形式的css重置，如eric meyers重置或规范化？因为我不知道您不喜欢其中一个，我不知道您试图更改什么？你能告诉我们你想要修复firefox div的哪些方面吗？是额外的水平空间吗？尝试添加

填充：0和
边距：0
查看你的CSS是否有随机填充/边距。也给你的html内容。。。因此，我们可以用小提琴或其他东西现场提供答案……是的，额外的水平空间你能看到Firefox图像吗？在“Meclis”菜单下，蓝色区域比Chrome大
#subMenu
{        
    width:964px;
    margin-left:auto;
    margin-right:auto;
    display:none;
    font-size:14px;
    font-style:normal;
    height:336px;  
    font-family: 'Museo300Regular';         
}

Note the edited CSS below:

.openmeclis 
{
    position:relative; 
    margin-left:4px;
    background:#66B3E3;
    width:90px; 
    height:370px; 
    overflow:hidden;
    float: left;
    list-style: none;
}

#subMenu {
    width:964px;
    margin-left:auto;
    margin-right:auto;
    font-size:14px;
    font-style:normal;
    height:336px;
}

HTML:
----------
<div id="subMenu">
    <div class="openmeclis">
        <ul>
            <li><a href="/Home/Baskan/45">Başkandan</a></li>
            <li><a href="/Home/Baskan/45">&#214;zge&#231;mişi</a></li>
            <li><a href="/Home/Baskan/45">Haberler</a></li>
            <li><a href="/Home/Baskan/45">Videolar</a></li>
            <li><a href="/Home/Baskan/45">Fotoğraf Galerisi</a></li>
        </ul>
    </div>

    <div class="openmeclis">
        <ul>
            <li><a href="/Home/Sehir_Rehberi/93">Meclis &#220;yeleri</a></li>
            <li><a href="/Home/Sehir_Rehberi/99">Meclis G&#252;ndemi</a></li>
            <li><a href="/Home/Sehir_Rehberi/100">Gündemi</a></li>
            <li><a href="/Home/Baskan/45">Meclis Kararları</a></li>
        </ul>
    </div> 
</div>​