gpt4 book ai didi

css - 调整网页大小导致 div 重叠

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

我的网页有问题。

我右侧的 div 标签重叠到我的中心列上...我已经为我的父 div 标签设置了一个最小宽度,但它没有帮助提升问题。

另外,我的导航栏出现了一个小问题。当我调整网页大小时,“参与”将落在“关于”选项卡下。我在我的 CSS 中设置了 display: block;display: inline; 。它工作正常只是调整大小伤害了我的网页..

我的布局是基本的..

<body>
<div style="width:100%; margin-top: -18px; clear: both;">
<div style="width: 100%; height: 100px; background-color: white;">
<p style="padding-top: 3%;font-size:30px; font"><i>Welcome</i></p>
</div>

<div style="width: 100%; display: block; overflow: hidden; ">
<div><li><a href="http://www.albany.edu/" class="nav">About</a></li></div>
<div><li><a href="http://albany.bncollege.com/" class="nav">Books</a></li></div>
<div><li><a href="#AM" class="nav">Electronics</a></li></div>
<div><li><a href="#UA" class="nav">Apparel</a></li></div>
<div><li><a href="#SP" class="nav">Activities</a></li></div>
<div><li><a href="#SL" class="nav">Engagement</a></li></div>
</div>
<div style="float: left; background-color: white; margin-left: 80px;">
</div>
<div id="left-col" style="clear: left;">
</div>
<div id="central-col">
</div>
<div id="right-col" style="text-align: center; clear: right; ">
</div>
<div id="footer"><p style="text-align: center;">KNOWLEDGE IS POWER</p> </div>
</div>
</body>

最佳答案

如果您提供了完整的代码(可能在 jsfiddle 上)会更好,因为通过查看您的代码很难理解这些 div 在做什么。 (你做了这么多。)

对于您的解决方案,我认为您必须删除

width: 100%

来自第二和第三部分。

您已将 margin-left 设置为 80px,因此无论何时调整窗口大小时,它始终会从左侧留出 80px 的边距。

我也想知道

的用法

overflow: hidden;

在您的代码中。

关于css - 调整网页大小导致 div 重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16432187/

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