CSS Firefox和Chrome不同高度输出

我确实读过其他有类似问题的帖子，但我在那里读到的没有任何帮助。这是我在这个网站上遇到的问题：

用放大镜看这张图片蓝色部分：

镀铬看起来很完美。然而，当我通过插入一个高度css来修复这个问题时，它在Firefox中得到了修复，但在Chrome中发生了这种情况：

所以我也试着改变文本的字体大小，但也没用。我试过一些填充物，没用。现在我在这里寻求帮助

以下是搜索框的代码：

                 <div class="test_line_1"><?php echo stripslashes(get_option('Pricerr_main_how_it_works_line1')) ?></div>
             <div class="test_line_2"><?php echo stripslashes(get_option('Pricerr_main_how_it_works_line2')) ?></div>
             <div class="test_line_3">

                <form method="get" action="<?php echo get_bloginfo('url') ?>">
                <input type="hidden" value="<?php echo get_option('PricerrTheme_advanced_search_id') ?>" name="page_id" />
                    <input type="text" name="term1" value="" id="big_search_m" placeholder="<?php _e('Search for services here...','PricerrTheme') ?>" /> 
                    <input type="image" src="<?php bloginfo('template_url') ?>/images/search_sel.png" id="search_magnifier" />
                </form>

             </div>


        </div>
    </div>

我该如何解决这个问题

编辑：搜索框中没有PHP的代码：

<div class="test_line_1"></div>
             <div class="test_line_2"></div>
             <div class="test_line_3">

                <form method="get">
                <input type="hidden" name="page_id" />
                    <input type="text" name="term1" value="" id="big_search_m" /> 
                    <input type="image" id="search_magnifier" />
                </form>

             </div>


        </div>
    </div>

---

它在定义高度的两种浏览器中都有效

。测试线3{
保证金：40px自动；
高度：自动；
显示：内联块；
边框：8px固体rgba（10,10,10,0.8）；
}
#大搜索{
填充：12px；
边框：0px无；
边际：0px；
字体大小：20px；
宽度：400px；
浮动：左；
高度：52px；
框大小：边框框；
背景：黄色；
}
#搜索放大镜{
浮动：左；
背景：url（“https://www.gravatar.com/avatar/4ee102e4ae1b9ab69077f7c471365f69?s=328&d=identicon&r=PG&f=1");
高度：52px；
}

在HTML中你有

id=“big_search_m2”

但在CSS中你有

#big_search_m

，与

#search_放大镜一样

向劳罗明道歉。我错把小搜索框的HTML放在了网站的左上角。现在已经更新了。现在它是CSS的正确HTML。我不能在PHP凌乱的HTML中工作。创建一个适当的提琴来演示您的问题，并删除所有php代码。不解决问题，但您可以删除

的
浮点：左
，并用
浮点：右
替换
的
浮点：左
。我想我最终可能会这么做。不过我现在就不谈了。谢谢你，谢谢你，艾曼纽。这就解决了！非常感谢你。实际上，只有两个高度：#代码和框大小：边框框；都是必需的，而且是固定的。我从来不知道这个盒子的尺寸：边框盒子；css代码。谢谢！
<div class="test_line_1"></div>
             <div class="test_line_2"></div>
             <div class="test_line_3">

                <form method="get">
                <input type="hidden" name="page_id" />
                    <input type="text" name="term1" value="" id="big_search_m" /> 
                    <input type="image" id="search_magnifier" />
                </form>

             </div>


        </div>
    </div>