<分区>
我有一个具有以下结构的 header :
<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 显示所有内容。
我创建了一个 fiddle here , 所以你可以检查一下。
现在就在每个人都告诉我设置高度之前,我不能,因为我不知道高度是多少。根据用户的选择,内容的高度会发生变化。