div的height

DragonFly-9 2002-04-09 11:23:02

<div style="height:1;width:1;">
div的height为什么最小总是一个字符高呢？
如何变得更小，和width一样

...全文

78 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

孟子E章 2002-04-09

打赏
举报

回复

空格虽然看不见，但也是一个字符啊

8988 2002-04-09

打赏
举报

回复

用这个观察一下结果就明白了，
<table border="1" width="100%">
<tr>
<td width="100%" style="height:1px;font-size:1px">　</td>
</tr>
</table>

当你设置一个页面元素的高度(height)为100%时，期望这样元素能撑满整个浏览器窗口的高度，但大多数情况下，这样的做法没有任何效果。你知道为什么height:100%不起作用吗？按常理，当我们用CSS的height属性定义一个元素的高度时，这个元素应该按照设定在浏览器的纵向空间里扩展相应的空间距离。例如，如果一个div元素的CSS是height: 100px;，那它应该在页面的竖向空间里占...

在设置DIV高度的时候，会用到一个height:100%的大小，来让div撑满浏览器高度。但是我们会发现，直接在div中写上“style:”height:100%;””是无效的。那么如何才能让div的css height:100%生效呢？解决办法很简单……在设置DIV高度的时候，会用到一个height:100%的大小，来让div撑满浏览器高度。但是我们会发现，直接在div中写上“style:”hei

在html布局中body内第一个div盒子对象设置100%高度height样式，是无法成功显示100%高度的。这个是因为body高度默认值为自适应的，所以及时设置body第一个布局div高度为百分比也是无效的，因为div解析上级高度为0，自然div height 100%实际高度也为0。浏览器根本就不计算内容的高度，除非内容超出了视窗范围(导致滚动条出现)。或者你给整个页面设置一个绝对高度。否则，浏览器就会简单的让内容往下堆砌，页面的高度根本就无需考虑。因为页面并没有缺省的高度值，所以，当你让...

对于没有系统学习过css的程序员来说，在编写css样式的时候，div的height属性值确实是个玄学的东西，我也感觉css确实听玄学的，本文将介绍我对div标签height属性的个人理解，如有问题请指正。

原文链接：https://cloud.tencent.com/developer/article/1399131 有时我们会困惑为什么设置div的height:100%;没有效果，如下所示：要解决这个问题，先的知道设置height:100%的原理，当你让一个元素的高度设置为百分比高度时，是相对于父元素的高度根据百分比来计算高度。所以当父元素没有高度时，height:100%也就没有高度值，所以我们来设置body高度。可见还是没有效果，原因跟上一个一样，其父元素也没有高度，所以我们来设置html的高

87,996

社区成员

224,693

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章