显示/隐藏标题

Question

我有一个具有以下结构的标题：

 <header>
    <div class="container-fluid login-div">
        <div class="col-lg-1"></div>
        <div class="col-lg-10"></div>
        <div class="col-lg-1"></div>
    </div>
    <div class="container-fluid register-div">
        <div class="col-lg-1"></div>
        <div class="col-lg-10"></div>
        <div class="col-lg-1"></div>
    </div>
    <div class="container-fluid nav-header middle">
        <div class="col-lg-3"></div>
        <div class="col-lg-1 line-right"></div>
        <div class="col-lg-1"></div>
        <div class="col-lg-2 logo"><img src="images/logo.jpg" alt=" LOGO" id="img_logo"> </div>
        <div class="col-lg-1 line-right"></div>
        <div class="col-lg-1"></div>
        <div class="col-lg-3"></div>
    </div>
</header>

当页面加载时，login-div并被register-div隐藏。当用户单击某个按钮时，这些 div 的显示（好吧，取决于单击的按钮）。我遇到的问题是我无法让 div 显示所有内容。

我在这里创建了一个小提琴，所以你可以查看它。

现在就在每个人都告诉我设置高度之前，我不能，因为我不知道高度会是多少。根据用户选择的内容，内容的高度会发生变化。

Answer 1

https://jsfiddle.net/schwiegler/7wuzzm09/1/这是你的小提琴的更新版本。

我将以下内容添加到您的注册课程中，height:100%;让我知道它是否符合您的喜好，并投票，如果我有帮助，请选择作为答案。