0

我的网页有问题。

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

加上我的导航栏给了我一个小问题。当我重新调整我的网页大小时，参与将落在“关于”选项卡下。我有display: block;并display: inline;设置在我的 CSS 中。它工作正常只是重新调整大小正在伤害我的网页..

我的布局是基本的.. 

<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>
4

1 回答 1

1

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

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

width: 100%

从第二个和第三个div。

您已将 margin-left 设置为 80px，因此每当您调整窗口大小时，它的左边距始终为 80px。

我也想知道使用

溢出：隐藏；

在你的代码中。

于 2013-05-08T04:39:40.430 回答