回答
如果您指的是要分配給該行的頁面高度的15%,則可以使用視口單位。
.my-row {
height: 15vh;
}
這意味着您的行高度是頁高的15%。
如果您使用的元素height
基於百分比的,你必須有對元素的父母之一固定高度。
如果具有固定高度的元素是直接父元素,則只需要目標元素上基於百分比的高度。
如果固定高度是最高的DOM比直接父更高的元素,你需要在目標元素和定點之間指定一個基於百分比的高度每元素高度元素。
這裏的工作例如,使用直接父.container
:
.container {
border: 1px solid black;
height: 200px;
}
.row {
background: red;
height: 20px;
}
.row:nth-of-type(2n) {
background: blue;
height: 80%; /* corresponds to 160px, because 160 is 80% of 200 */
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
<div class="row"></div>
<div class="row"></div>
<div class="row"></div>
</div>
希望這有助於! :)
老兄,謝謝,2答案完美的爲我 –
真棒;樂意效勞!一旦你確認你的問題已經解決,請不要忘記[**接受答案**](https://stackoverflow.com/help/someone-answers)點擊下面的灰色檢查投票按鈕 - 這會將其從「未答覆的問題」隊列中移除,併爲問題提問者和問題答疑者授予聲譽。詢問任何問題後,您可以在15分鐘內完成。當然,在說,你沒有義務標記我的答案(或任何其他人)是正確的,但標記爲已解決的問題有助於保持事情順利進行:) –
- 1. 引導模式百分比高度
- 2. 基於百分比高度行爲的Chrome Flexbox不正確
- 3. Flex - 百分比高度
- 4. KineticJS:設置寬度基於百分比
- 5. 父母div的高度百分比未翻譯爲子div的百分比
- 6. 寬度和高度百分比CSS IE8
- 7. SSAS:度量分配超過百分比
- 8. IE8最大高度的百分比?
- 9. 百分比高度的非縮水Div
- 10. HTML中的高度百分比問題
- 11. 類別分配基於百分
- 12. 如何爲HTML中的不同div分配修復百分比高度?
- 13. SQL查詢基於所述百分比分配
- 14. 響應式導航,無法定義百分比寬度/高度
- 15. HTML元素百分比高度問題
- 16. 高度百分比不起作用?
- 17. Css變換禁用高度百分比
- 18. Android百分比佈局高度
- 19. CSS百分比高度轉變滯後
- 20. 百分比桌子高度和IE9
- 21. 百分比高度VS父元素
- 22. 高度CSS百分比不工作
- 23. HTML:圖片/圖片高度百分比
- 24. CSS高度百分比問題
- 25. 定義div的寬度作爲高度的百分比
- 26. 中心基於百分比的元素
- 27. 基於百分比的數值概率
- 28. 基於百分比佈局的差距
- 29. 基於css百分比的背景
- 30. 分配百分比與R
老兄,謝謝,2答案完美地爲我工作 –