[英]CSS/Bootstrap: How to stretch containers within cols full-height?
[英]CSS|Bootstrap - Full-height column
我試圖設置全高列,但是有些不好(我需要在側邊欄上保持最大寬度)
這是我的代碼:
CSS:
body,
html {
height: 100%;
}
.Sidebar {
background: red;
height: 100%;
min-height: 100%;
max-width: 330px;
display: block;
}
HTML:
<div class="container">
<div class="row">
<div class="col-lg-3 Sidebar">
<!-- CONTENT -->
</div>
<div class="col-lg-8">
<!-- CONTENT -->
</div>
</div>
</div>
您需要將高度設置為100 vh而不是% 。 這會將其設置為視口的100%,而不是內容的100%。
.Sidebar {
background: red;
height: 100vh;
max-width: 330px;
display: block;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.