css-div父项不正常，高度保持0px

所有组件均显示正常。但当我按下F12并将鼠标悬停在导航栏左侧时，它的高度是0px。我想我需要通过在某个地方放置一个小div来解决这个问题，但是我不知道确切的位置

<div class="core-container">
    <div class="core-content">
        <div class="navbar">
            <div class="navbar-left">
                <div class="navbar-logo">
                    LOGO
                </div>
                <div class="navbar-suggestions">
                    SUGGESTIONS
                </div>
                <div class="navbar-notifications">
                    NOTIFICATIONS
                </div>
                <div class="clear">
                </div>
            </div>
            <div class="navbar-right">
                <ul>
                    <li>Profiles & Schedules</li>
                    <li>Settings</li>
                    <li>Log Out</li>
                </ul>
            </div>
            <div class="clear">
            </div>
        </div>
    </div>
</div>

---

是的，导航栏左侧的所有内容都是浮动的，因此其高度保持为0。但这是个问题吗？它在屏幕上看起来不错

无论如何，快速的答案是在

clear

类的样式中附加

float:none

。确保它足够具体，可以覆盖

.navbar left div

和

navbar right div

的样式，如下所示：

.navbar-left .clear, .navbar-right .clear
{
    clear: both;
    float:none;
}

.navbar-right div
{
    float: right;
}

.navbar-right .clear
    {
        float: none;
    }

---

是的，导航栏左侧的所有内容都是浮动的，因此其高度保持为0。但这是个问题吗？它在屏幕上看起来不错

无论如何，快速的答案是在

clear

类的样式中附加

float:none

。确保它足够具体，可以覆盖

.navbar left div

和

navbar right div

的样式，如下所示：

.navbar-left .clear, .navbar-right .clear
{
    clear: both;
    float:none;
}

.navbar-right div
{
    float: right;
}

.navbar-right .clear
    {
        float: none;
    }

---

原因是您的

clear

DIV上也有

float

，因为您这样定义class：

.navbar-left .clear, .navbar-right .clear
{
    clear: both;
    float:none;
}

.navbar-right div
{
    float: right;
}

.navbar-right .clear
    {
        float: none;
    }

这样写：

.navbar-left .clear, .navbar-right .clear
{
    clear: both;
    float:none;
}

.navbar-right div
{
    float: right;
}

.navbar-right .clear
    {
        float: none;
    }

---

原因是您的

clear

DIV上也有

float

，因为您这样定义class：

.navbar-left .clear, .navbar-right .clear
{
    clear: both;
    float:none;
}

.navbar-right div
{
    float: right;
}

.navbar-right .clear
    {
        float: none;
    }

这样写：

.navbar-left .clear, .navbar-right .clear
{
    clear: both;
    float:none;
}

.navbar-right div
{
    float: right;
}

.navbar-right .clear
    {
        float: none;
    }

---

---

你的问题毫无意义。当您将鼠标悬停在导航栏左侧时，它的高度为0px，这是什么意思？在这里很好用。老实说，我看不出你有什么问题。div是做这项工作的错误工具。为菜单使用样式化的无序列表。它们更具语义，而且有效。请参阅：preview.moveable.com/JM/ilovelists@JoshuaM“我想你错过了OP按下F12键的部分，或者你也没有意识到这一点？”李斯特先生：对不起，我看到他过度使用大写字母，一定是关机了。而且，我仍然不明白为什么会出现任何问题？不管F12是什么，它的渲染效果都很好。@JoshuaM我想如果div需要背景色或什么的话会有问题。你的问题毫无意义。当您将鼠标悬停在导航栏左侧时，它的高度为0px，这是什么意思？在这里很好用。老实说，我看不出你有什么问题。div是做这项工作的错误工具。为菜单使用样式化的无序列表。它们更具语义，而且有效。请参阅：preview.moveable.com/JM/ilovelists@JoshuaM“我想你错过了OP按下F12键的部分，或者你也没有意识到这一点？”李斯特先生：对不起，我看到他过度使用大写字母，一定是关机了。而且，我仍然不明白为什么会出现任何问题？不管F12是什么，它的渲染效果都很好。@JoshuaM我想如果div需要背景色或什么的话，可能会有问题。我已经照你说的做了，但一切都没变。如果您添加我在问题中重新插入的代码，问题就更清楚了@测试好，我编辑了。上面的代码应该放在最后一个样式块（用于

清除
）的位置。非常感谢您的耐心等待。但不幸的是，我不能很好地理解你。你所说的最后一个样式块是什么意思？非常感谢您抽出时间！在CSS的末尾，以
开头。清除
。问题是选择器本身的
.clear
不够具体，因此无法拾取
float:none
。因此，您确实需要
.navbar left.clear、.navbar right.clear
作为选择器。我已经按照您告诉我的做了，但一切都保持不变。如果您添加我在问题中重新插入的代码，问题就更清楚了@测试好，我编辑了。上面的代码应该放在最后一个样式块（用于
清除
）的位置。非常感谢您的耐心等待。但不幸的是，我不能很好地理解你。你所说的最后一个样式块是什么意思？非常感谢您抽出时间！在CSS的末尾，以
开头。清除
。问题是选择器本身的
.clear
不够具体，因此无法拾取
float:none
。因此，选择器确实需要
.navbar left.clear、.navbar right.clear
。