html高度用百分比设置为什么无效
大家看看为什么我设的子divheight为50%但不显示<!doctypehtml><html><head><metacharset="utf-8"><title>无标题...
大家看看 为什么我设的子div height为50% 但不显示
<!doctype html>
<html >
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
html,body,#q1{heigth:100%; margin:0;padding:0;}
#q2{
height: 50%;
background-color: red;
}
</style>
</head>
<body>
<div id="q1"><div id="q2">啊啊啊啊啊啊啊</div></div>
</body>
</html> 展开
<!doctype html>
<html >
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
html,body,#q1{heigth:100%; margin:0;padding:0;}
#q2{
height: 50%;
background-color: red;
}
</style>
</head>
<body>
<div id="q1"><div id="q2">啊啊啊啊啊啊啊</div></div>
</body>
</html> 展开
2个回答
展开全部
原理：
先给父级设置宽度（像素）
然后再子里，设置百分比，如图示。
代码原件：
复制到之间使用即可。
先给父级设置宽度（像素）
然后再子里，设置百分比，如图示。
代码原件：
复制到之间使用即可。
追问
你是复制粘贴的吗
你看我图片 我已经给html body设置height为100％了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
