<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公众号,关注后实时获知最新的教程和优惠活动,谢谢。
![]()
问答区域
2020-01-05
小企业的前端Time-CSS 尺寸
2 个答案
Onelore 跳转到问题位置 答案时间:2020-11-07 id值是唯一的,不可重复
strary 跳转到问题位置 答案时间:2020-09-16 不一样的,p指定的id生效范围为p标签。不加的话所有id为percentage的元素都会被style作用
回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
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选择器的命名规则
2017-12-08
关于 前端基础-CSS-尺寸 -尺寸大小 的提问
2017-07-03
id为percentage的P标签,设置它的高度为50%无效
提问太多,页面渲染太慢,为了加快渲染速度,本页最多只显示几条提问。还有 2 条以前的提问,请 点击查看
提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢
|