CSS 高度不是 100%

发布于 2024-12-11 00:28:36 字数 411 浏览 0 评论 0原文

我检查了很多与此类似的其他问题，但似乎没有解决方案。我有一个网站，有一个主体，然后是一个称为内容的内部 div。我已经尝试过：

body
{
    height: 100%;
}

content
{
    height: 100%;
}

并且

body
{
}

content
{
    position: absolute;
    top: 0px;
    bottom: 0px;
}

这是大多数问题的答案。但由于某种原因，它对我们不起作用。当我们使用绝对定位进行强制时，它会拉伸到超过页面长度，并且当我们希望内容居中时也会将内容推向左侧（使用 margin-left: auto; margin-right:auto;）

有什么建议吗？

原文

I have checked a lot of other questions similar to this, but it seems no solution works. I have a website that has a body, then an inner div called content. I have tried:

body
{
    height: 100%;
}

content
{
    height: 100%;
}

AND

body
{
}

content
{
    position: absolute;
    top: 0px;
    bottom: 0px;
}

which were the answers to most of the questions. but for some reason it is not working for us. When we do the forcing with the absolute positioning, it stretches to more than the page length and also pushes our content to the left when we want it centered (using margin-left: auto; margin-right:auto;)

Any suggestions?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

小傻瓜 2024-12-18 00:28:36

除了 body 和 div 之外，您还需要将 html 设置为 100% 高度，例如

html, body, div{
   height: 100%;
}

You need to set html to 100% height in addition to body, and your div, e.g.

html, body, div{
   height: 100%;
}

回复收藏 0 原文

小梨窩很甜 2024-12-18 00:28:36

我的解决方案：

<html>
<head>
<style>
body
{
    height: 100%;
    padding: 0;
    margin: 0;
}

#content
{
    height: 100%;
    background: red;
}
</style>
</head>
<body>
    <div id="content"></div>
</body>
</html>

效果很好。属性background: red;用于测试。

My solution:

<html>
<head>
<style>
body
{
    height: 100%;
    padding: 0;
    margin: 0;
}

#content
{
    height: 100%;
    background: red;
}
</style>
</head>
<body>
    <div id="content"></div>
</body>
</html>

Works fine. Attribute background: red; is for testing.

回复收藏 0 原文

~没有更多了~