php - CSS 高度在 Firefox 中不能完美运行

Question

div.aboutstandard ul.aboutlist li {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 300px;
    height: 280px;
}

div.aboutstandard ul.aboutlist li {
float: left;
padding-left: 10px;
padding-right: 10px;
width: 300px;
height: 280px;
}

当我为高度设置这个尺寸时，它在 chrome 和 Internet Explorer 中完美运行，但在 Firefox 中它需要不同的尺寸。文本位于 Firefox 中的下一个图像下方。

php代码：

<ul class="aboutlist1">
         <li>
            <img class="aboutimg" src="images1.jpg" alt="<? $lang->text('ABOUT1'); ?>"/>

            <h1><? $lang->text('ABOUT1'); ?></h1>

            <p class="abouttext"><? $lang->text('ABOUT_TEXT1'); ?></p>
        </li>

        <li>
            <img class="aboutimg" src="images2.jpg" alt="<? $lang->text('ABOUT2'); ?>"/>

            <h1><? $lang->text('ABOUT2'); ?></h1>

            <p class="abouttext"><? $lang->text('ABOUT_TEXT2'); ?></p>
        </li>
       </ul>
<ul class="aboutlist">
        <li>
            <img class="aboutimg" src="image3.jpg" alt="<? $lang->text('ABOUT3'); ?>"/>

             <h1><? $lang->text('ABOUT3'); ?></h1>

            <p class="abouttext"><? $lang->text('ABOUT_TEXT3'); ?></p>
        </li>

        <li>
            <img class="aboutimg" src="image4.jpg" alt="<? $lang->text('ABOUT4'); ?>"/>

            <h1><? $lang->text('ABOUT4'); ?></h1>

            <p class="abouttext"><? $lang->text('ABOUT_TEXT4'); ?></p>
        </li>
</ul>

Answer 1

我建议你使用

if(strlen(strstr($_SERVER['HTTP_USER_AGENT'],"Firefox")) > 0 ){
//Adjusted css for firefox here
}

Answer 2

提供代码以便我可以看透它或使用height: 280px !important;或使用前缀来支持 firefox 浏览器