0

私のウェブページに問題があります。

右側の div タグが中央の列に重なっています...親の div タグに最小幅を設定しましたが、問題を高めるのに何もしませんでした。

さらに、ナビゲーション バーが少し問題を引き起こしています。Web ページのサイズを変更すると、ENGAGEMENT が [ABOUT] タブに表示されます。私は自分のCSSdisplay: block;で設定しています。display: inline;サイズ変更が私のWebページを傷つけているだけで、うまく機能します..

私のレイアウトは基本です.. 

<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

コードを見てこれらの div が何をしているのかを理解するのは難しいため、完全なコード (jsfiddle にある可能性があります) を提供した方がよいでしょう。（あなたはそれらの多くを作りました。）

あなたの解決策のために、削除する必要があると思います

width: 100%

2番目と3番目のdivから。

margin-left を 80px に設定したので、ウィンドウのサイズを変更するたびに、常に左から 80px の余白ができます。

の使い方も知りたいです

オーバーフロー: 非表示;

あなたのコードで。

于 2013-05-08T04:39:40.430 に答える