百分比min-height的一个问题 -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

百分比min-height的一个问题

2016-06-12 14:09:58 1734 0

代码吧

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        html {
            height: 100%;
        }
        body {
            min-height: 100%;
        }
        #main {
            background-color: #333;
            color: #eee;
            min-height: 100%;
        }
    </style>
</head>
<body>
<div id="main">
    This is main section
</div>
</body>
</html>

screenshot

上面的代码中,html和body都已经是100%了也就是说body是有高度的,但是为很么#main元素没有撑开还是一行字体的高度。

当body设置height而不是min-height为100%时可以实现上述需求,但是为什么?

取消 提交回答
全部回答(0)
相关问答

1

回答

Epaxos相比于Multi-Paxos有什么好处?

2022-05-10 11:12:29 76浏览量 回答数 1

1

回答

表单控件中元素input的属性height的作用是什么呢?

2022-03-14 22:23:16 242浏览量 回答数 1

1

回答

ICE中,Height指什么?

2022-03-15 08:54:34 386浏览量 回答数 1

1

回答

HBase工作中的HMaster的作用是什么?

2021-12-06 16:17:12 357浏览量 回答数 1

1

回答

Jupyter Notebook命令选项sock-mode=<Unicode>的作用是什么?

2021-11-30 20:28:50 104浏览量 回答数 1

1

回答

Spring Cloud如进行声明式调用客户端Feign?

2021-05-07 21:31:24 668浏览量 回答数 1

1

回答

何时在MySQL上使用STRAIGHT_JOIN?mysql

2020-05-17 12:05:29 394浏览量 回答数 1

1

回答

ESC与OSS购买的时候没有在一个区域,无法进行挂载

2018-11-16 18:23:56 419浏览量 回答数 1

1

回答

css line-height问题

2016-06-12 18:42:12 1829浏览量 回答数 1

1

回答

行内盒的 offsetHeight 大于其 font-size

2016-06-03 17:36:40 1986浏览量 回答数 1
+关注
杨冬芳
IT从业
文章
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载