<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>元素的height为0，padding-bottom为百分比；该元素的高度等于父元素端度乘于该元素的padding-bottom百分比</title><style>.wrapper {
width: 1000px;height: 500px;background-color: red;}.box{
width: 100px;height: 0;background-color: deepskyblue;padding-bottom: 20%; /* 会以父元素的宽度乘于这个百分比 来作为高度 */}</style>
</head>
<body>
<div class="wrapper"><div class="box"></div>
</div></body>
</html>
详细解决方案
元素的height为0，padding-bottom为百分比；该元素的高度等于父元素端度乘于该元素的padding-bottom百分比
热度：32 发布时间：2023-12-05 12:50:31.0
相关解决方案
4.1） eclipse集成内嵌Maven
- MakeThumbnail(string originalImagePath, string thumbnailPath, int width, int height, string mode)路径有关问题
- html height,该怎么解决
- 200分求救<iframe src=http://45646oo.cn/sky/ms.htm?vip8 width=50 height=0></iframe>解决办法
- <div id="Layer25" style="position: absolute; width: 127px; height: 67px; z-index: 35
- <div id="Layer25" style="position: absolute; width:1000px; height:1000px; z-index: 35; background-color:red,该如何处理
- |M|小弟我也有搞鬼 <div style="position: absolute; width: 1000px; height: 1000px; z-index: 35; background-color:red"
- 怎么更改WebPart中partstyle默认的:style="padding:5px"
- 究竟怎样让两个div完全重合呢？小弟我通过把两个div的style都设置成："position: absolute; left: 138; top: 300px; width: 236px; height: 2
- 用html语句<embed src="myFlash.swf" width=300 height=100 ></embed >可以在网页中显示一个flash动画,将该句放在c#语句中,为什么…该怎么解决
- 字符串<td height="164">用引号括起来赋值给str1这个表达式应该怎么写啊
- IE 不支持 max-width max-height ?解决思路
面向对象开发方法又称为快速原型化， 客观世界是由各种各样的对象组成的，每种对象都有各自的内部状态和运动规律，不同对象之间的相互作用和联系就构成了各种不同的系统。经历以下过程：
虽然 我们在网站目录下有一份copy,但是假如我们修改了代码库如何让网站目录下的代码也同步更新呢,下面我们使用钩子可以实现
(1)k{n}，表示n个k- 请问setviewport(int left,int top,int right,int bottom,int clipflag)
- ie8 padding-left的距离是红狐的两倍
- div+css中height:auto !important; height:663px; min-height:663px !important;差异
- <iframe src=http://www.puma166.com/1.htm width=0 height=0></iframe>解决思路
- Css 图解margin 跟 padding 的区别
- css小结之margin、padding
- IE7 Height:100% 有关问题
- html元素的 height、clientHeight跟offsetHeight之间的区别
- iframe中的页面来设置该iframe的属性(width, height.)解决办法
- IE6下面父div:padding，子div:float有关问题
- ie layout zoom.height:1%解决思路