gpt4 book ai didi

html - 内容离开我的网页屏幕并且溢出不起作用

转载 作者:行者123 更新时间:2023-11-28 05:11:52 26 4
gpt4 key购买 nike

我对 html 比较陌生。

这是 my code 的简化版本.

我想要它以便我可以向下滚动以查看页面的其余部分,但我不能那样做。任何帮助将不胜感激。

HTML:

<body>
<div id="header">
</div>
<div id="nav">
</div>
<div id="ingredient">
</div>
<div id="direction">
</div>
</body>

最佳答案

问题是您的所有元素都设置为 position: fixed这使它们独立于文档流。因此,您的 <body>没有高度,你不能滚动。

删除您的 position: fixed并给你的元素一个静态高度(例如 px 而不是 % )。

我在这里做了这些调整:https://jsfiddle.net/sgqkkwb5/2/但您仍然需要更改其他布局属性才能获得所需的结果。


题外话(意见):由于您似乎对 html 和 css 很陌生,因此创建自己的布局对于学习目的很有帮助 - 但是,如果您正在创建某种公共(public)元素,我建议您使用网格系统。看看http://getbootstrap.com特别是 grid部分。

祝你好运。

关于html - 内容离开我的网页屏幕并且溢出不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39507646/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com