html 怎么按百分比设置div高度

发布网友 发布时间:2022-04-20 06:21

我来回答

2个回答

懂视网 时间:2022-05-13 13:20

有时候设置高度百分比,没有效果。

原因是父元素没有设置高度。

父元素可以设置高度为具体的px。或是100%等百分比。

这样子元素再能根据百分比来设置高度。

    

热心网友 时间:2022-05-13 10:28

原理:
先给父级<div>设置宽度(像素)
然后再子<div>里,设置百分比,如图示。

代码原件:
<div style="width:80px;height:50px; border:#FF0000 3px solid"> <div style="width:20%;height:50%; border:#CC33FF 3px solid"></div> </div>
复制到<body></body>之间使用即可。

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com