gpt4 book ai didi

css - 文档类型和章节

转载 作者:太空宇宙 更新时间:2023-11-04 15:34:44 25 4
gpt4 key购买 nike

我遇到了这个,我不确定为什么会这样......

以下面的 html 为例,它会按照 CSS 的指示显示部分的灰色区域。但是,当我包括 <!Doctype html>在第一行它崩溃了.. 此外,下面的代码根本不适用于 IE9.. 为什么?非常感谢。

<html>
<head>

<style type="text/css">
.sec_class{
width:50%;
height:15%;
border:1px black solid;
padding:0px;
position:relative;
background-color:grey;
}
</style>
</head>

<body>

<section class = 'sec_class'></section>
<section class = 'sec_class'></section>
<section class = 'sec_class'></section>

</body>
</html>

最佳答案

您的 section 基本上没有高度,因为以百分比 (height: 15%;) 给出的 height 将始终为 relative to the parent's heightbody 在您的情况下高度为零,其中 15% 仍然为零。

这应该有帮助:

html, body { height: 100%; }​

jsFiddle Demo

务必始终包含文档类型。

关于css - 文档类型和章节,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10187081/

25 4 0
文章推荐: javascript - Jquery Mobile,如何在单击链接后折叠可折叠的内容?杰斯 fiddle
文章推荐: c++ - 在 C++ 项目中包含 dlib 库时出错
文章推荐: c++ - 将类对象传递给模板函数。 C++
文章推荐: html - 在无序列表中定位
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com