|
|
|
|
<style>
p#percentage{
width:50%;
height:50%;
background-color:pink;
}
p#pix{
width:180px;
height:50px;
background-color:green;
}
</style>
<p id="percentage"> 按比例设置尺寸50%宽 50%高</p>
<p id="pix"> 按象素设置尺寸 180px宽 50 px高</p>
<style>
p#percentage{
width:50%;
height:50%;
background-color:pink;
}
p#pix{
width:180px;
height:50px;
background-color:green;
}
</style>
<p id="percentage"> 按比例设置尺寸50%宽 50%高</p>
<p id="pix"> 按象素设置尺寸 180px宽 50 px高</p>
HOW2J公众号，关注后实时获知最新的教程和优惠活动，谢谢。
问答区域
2018-11-14
p#percentage里面的height好像没什么用
6 个答案
Wyr 跳转到问题位置 答案时间：2019-10-28 Lmy199612 跳转到问题位置 答案时间：2019-07-20 百分比是当前元素占父元素的百分比计算的，height用百分比你需要设置html和body的高度，或者用div把p标签包起来，设置div的高度，这样也可以
su5395056 跳转到问题位置 答案时间：2019-06-20 因为你的：是中文的所以导致设置是无效的
积极狮子 跳转到问题位置 答案时间：2019-02-15 <style>
p#percentage{
width:50%;
background-color:pink;
}
p#pix{
width:180px;
height:50px;
background-color:green;
}
</style>
<p id="percentage"> 按比例设置尺寸50%宽 50%高</p>
<p id="pix"> 按象素设置尺寸 180px宽 50 px高</p>
第一个p#percentage的高度是根据父容器来定的，所以父容器没有高度，子容器的高度百分数就会作废 Cube 跳转到问题位置 答案时间：2018-12-24 按比例布局是根据父容器大小来计算的，默认情况下，浏览器并不计算元素高度，除非元素内容超出显示范围。所以如果需要按比例设置高度，需要添加一个div标签，设置div标签高度，把p元素放入div中，p的50%高度才会生效。
淅淅细雨 跳转到问题位置 答案时间：2018-11-18 有啊！你在试一下
回答已经提交成功，正在审核。 请于 我的回答 处查看回答记录，谢谢
2018-07-27
id选择器的命名规则
2018-03-30
符号问题
2017-12-08
关于 前端基础-CSS-尺寸 -尺寸大小 的提问
2017-07-03
id为percentage的P标签，设置它的高度为50%无效
2017-04-11
错别字
2017-02-17
百分比
提问之前请登陆
提问已经提交成功，正在审核。 请于 我的提问 处查看提问记录，谢谢
|
