我有以下簡單的代碼：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <title>Live Feed</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <style> body { margin: 0px; padding: 0px; } </style></head><body> <div style="background-color: #eeaabb; width: 250px; height: 100%; border-right: solid 1px #e1e1e1;"> I should be tall </div></body></html>但是div不會以高度為100％顯示。為什么？
3 回答
慕的地6264312
TA貢獻1817條經驗 獲得超6個贊
如果您想自由使用百分比，則根父級必須以像素為單位，
<body style="margin: 0px; width: 1886px; height: 939px;">
<div id="containerA" class="containerA" style="height:65%;width:100%;">
<div id="containerAinnerDiv" style="position: relative; background-color: aqua;width:70%;height: 80%;left:15%;top:10%;">
<div style="height: 100%;width: 50%;float: left;"></div>
<div style="height: 100%;width: 28%;float:left">
<img src="img/justimage.png" style="max-width:100%;max-height:100%;">
</div>
<div style="height: 100%;width: 22%;float: left;"></div>
</div>
</div>
</body>
茅侃侃
TA貢獻1842條經驗 獲得超22個贊
您需要在所有父元素上設置100％的高度，在這種情況下，您的正文和HTML都應設置為100％。這個小提琴顯示了它的工作原理。
html, body { height: 100%; width: 100%; margin: 0; }
div { height: 100%; width: 100%; background: #F52887; }
<html><body><div></div></body></html>
- 3 回答
- 0 關注
- 423 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消