在我的頁面中，我定義了三個div，其中一個用col-md-2，中間一個用col-md-8，另一個用col-md-2。而我想要正確的div應該採取100％的屏幕高度，即使沒有控制。我已將高度和最小高度設置爲100％，但不起作用。我的代碼是這樣的。我需要做什麼來克服這一點。Div應該包含100％屏幕高度

<div id="propertiesContainer" class="row col-md-2" style="border:solid 1px;padding-left:unset;padding-right:unset;min-height: 100%;height:100%;"></div>

來源

2017-01-19 Utpal

集'高度：100vh;'1vh是屏幕高度 – Banzay

的1％添加一些代碼.. – ab29007

@Utpal是否有任何的回答可以幫助你，如果你有任何問題，都提供了反饋。 – ab29007

你必須設置身體，HTML，集裝箱，行至100％爲好。

請注意，只有當其父項爲100％時，div纔會佔據100％的高度（沒有任何內容）。

html,body{ 
 
width:100%; 
 
height:100%; 
 
} 
 
.row div{ 
 
    height:100px; 
 
    background-color:red; 
 
} 
 
.row, .container{ 
 
    height:100%; 
 
} 
 
.row .right{ 
 
    height:100%; 
 
    background-color:green; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<div class="container"> 
 
    <div class="row"> 
 
    <div class="col-xs-2"></div> 
 
     <div class="col-xs-8"></div> 
 
     <div class="col-xs-2 right"></div> 
 
    </div> 
 
</div>

來源

2017-01-19 12:12:27 ab29007

爲了設置元素的屏幕的高度height至100％他的每一個家長必須100％爲好。

例

@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css); 
 

 
html, 
 
body { 
 
    height: 100%; 
 
} 
 

 
.main { 
 
    height: 100%; 
 
} 
 

 
.main .side { 
 
    height: 100%; 
 
} 
 

 
/*/ Decoration /*/ 
 
body { 
 
    background-color: #ffeeff; 
 
} 
 

 
.main { 
 
    border: dashed 1px blue; 
 
} 
 

 
.main div { 
 
    border: dashed 1px red; 
 
}

<div class="container main"> 
 
    <div class="col-xs-2"> 
 
    Left 
 
    </div> 
 
    <div class="col-xs-8"> 
 
    Center 
 
    </div> 
 
    <div class="col-xs-2 side"> 
 
    Right 
 
    </div> 
 
</div>

來源

2017-01-19 12:12:46

<div class="a-class"> 
</div>

CSS

.a-class{ 
    min-height: 100vh; 
} 

or 
.a-class{ 
    height: 100vh; 
}

來源

2017-01-19 12:13:27 meaulnes

請提供撥弄你的代碼，否則可能是下面的代碼可以幫助您！

.lastdiv{ 
    position:absolute; 
    display:block; 
    height:100%; 
    background: #ccc; 
    right:0; 
} 

html, body{ 
    height:100%; 
}

來源

2017-01-19 12:17:30 Nilam

Div應該包含100％屏幕高度

回答

例

相關問題