Html AngularJS动画在Firefox中不工作

检查此代码：

这是html

<div ng-app="myApp">
<div class="searchContainer" ng-controller="SearchCtrl">
    <ul>
        <li class="advSearchRow" ng-show="advSearch">
            <div class="todayButton">Today</div>
            <div class="tomorrowButton">Tomorrow</div>
            <div class="calendarButton">?</div>
        </li>
        <li><div class="advSearchButton" ng-click="display()">Advance Search</div></li>         
    </ul>    
</div>

今天
明天
?

提前搜索

---

它与Chrome和Safari完美结合，但在Firefox中有一个奇怪的行为，有人知道它有什么问题吗？我一直试图只留下高度，线条高度和不同的变化，但没有结果。谢谢编辑：这与我的想法大不相同，而且相当简单。Firefox需要

行高

才能有一个单位，而Webkit浏览器接受单位较少的值，并将其解释为

em

。要修复它，您只需将

em

添加到转换中（或者

px

，因为它是0，但必须有一个单位）。看

---

问题是：您的代码假设按钮（

.todayButton

，

.tomorrorButton

…）的高度是其容器的高度（

.advisarchrow

）；这在浮动元素的情况下是不正确的（这就是为什么我们需要clearfix）

您可以通过明确指定按钮的假设来解决此问题：

.advSearchRow > div { height: 100% }

或者使用

溢出：隐藏
：

.advSearchRow { overflow: hidden }

编辑：这与我的想法非常不同，而且相当简单。Firefox需要
行高
才能有一个单位，而Webkit浏览器接受单位较少的值，并将其解释为
em
。要修复它，您只需将
em
添加到转换中（或者
px
，因为它是0，但必须有一个单位）。看


问题是：您的代码假设按钮（
.todayButton
，
.tomorrorButton
…）的高度是其容器的高度（
.advisarchrow
）；这在浮动元素的情况下是不正确的（这就是为什么我们需要clearfix）

您可以通过明确指定按钮的假设来解决此问题：

.advSearchRow > div { height: 100% }

或者使用
溢出：隐藏
：

.advSearchRow { overflow: hidden }

编辑：这与我的想法非常不同，而且相当简单。Firefox需要
行高
才能有一个单位，而Webkit浏览器接受单位较少的值，并将其解释为
em
。要修复它，您只需将
em
添加到转换中（或者
px
，因为它是0，但必须有一个单位）。看


问题是：您的代码假设按钮（
.todayButton
，
.tomorrorButton
…）的高度是其容器的高度（
.advisarchrow
）；这在浮动元素的情况下是不正确的（这就是为什么我们需要clearfix）

您可以通过明确指定按钮的假设来解决此问题：

.advSearchRow > div { height: 100% }

或者使用
溢出：隐藏
：

.advSearchRow { overflow: hidden }

编辑：这与我的想法非常不同，而且相当简单。Firefox需要
行高
才能有一个单位，而Webkit浏览器接受单位较少的值，并将其解释为
em
。要修复它，您只需将
em
添加到转换中（或者
px
，因为它是0，但必须有一个单位）。看


问题是：您的代码假设按钮（
.todayButton
，
.tomorrorButton
…）的高度是其容器的高度（
.advisarchrow
）；这在浮动元素的情况下是不正确的（这就是为什么我们需要clearfix）

您可以通过明确指定按钮的假设来解决此问题：

.advSearchRow > div { height: 100% }

或者使用
溢出：隐藏
：

.advSearchRow { overflow: hidden }

非常感谢，但它仍然不能像Chrome那样工作。如果您尝试使用它，您将意识到隐藏行后，文本将转到行的顶部。就快完成了！我会继续努力，这让我发疯，呵呵。感恩节快乐！你明白了吗？你知道我的意思吗？我还没修好。对不起，我最近很忙。实际问题与我的想法相去甚远，解决方法也相当简单。看到更新的答案：多姆，你是我的天使。奇怪的是，在发布之前，我试着用行高：0；它不起作用，（如果我使用0而没有em或px仍然不起作用，现在我知道为什么了！！）这就是我在这里发布的原因。谢谢东德！非常感谢，但它仍然不能像Chrome那样工作。如果您尝试使用它，您将意识到隐藏行后，文本将转到行的顶部。就快完成了！我会继续努力，这让我发疯，呵呵。感恩节快乐！你明白了吗？你知道我的意思吗？我还没修好。对不起，我最近很忙。实际问题与我的想法相去甚远，解决方法也相当简单。看到更新的答案：多姆，你是我的天使。奇怪的是，在发布之前，我试着用行高：0；它不起作用，（如果我使用0而没有em或px仍然不起作用，现在我知道为什么了！！）这就是我在这里发布的原因。谢谢东德！非常感谢，但它仍然不能像Chrome那样工作。如果您尝试使用它，您将意识到隐藏行后，文本将转到行的顶部。就快完成了！我会继续努力，这让我发疯，呵呵。感恩节快乐！你明白了吗？你知道我的意思吗？我还没修好。对不起，我最近很忙。实际问题与我的想法相去甚远，解决方法也相当简单。看到更新的答案：多姆，你是我的天使。奇怪的是，在发布之前，我试着用行高：0；它不起作用，（如果我使用0而没有em或px仍然不起作用，现在我知道为什么了！！）这就是我在这里发布的原因。谢谢东德！非常感谢，但它仍然不能像Chrome那样工作。如果您尝试使用它，您将意识到隐藏行后，文本将转到行的顶部。就快完成了！我会继续努力，这让我发疯，呵呵。感恩节快乐！你有没有想过