1

メニューバーがあり、コードは次のとおりです

<div style="background:#000; height: 25px;">
    <div  style="margin-left: 25%; margin-right: 20%; font:13px/27px Arial,sans-serif;">
        <a href="1.html"  style="text-decoration:none; color:#333;"><div class="activeMenu" name="menuNew">1</div></a>    
        <div class="activeMenu" name="menuNew"></div>    
        <a href="#" ><div class="activeMenu" name="menuNew">2</div></a>    
        <a href="#" ><div class="activeMenu" name="menuNew">3</div></a>    
        <a href="#"><div class="activeMenu" name="menuNew">4</div></a>    
        <a href="#">5</div></a>    
        <a href="register.html"  style="text-decoration: none;" ><div class="activeMenu" name="menuNew">6</div></a>    
    </div>    
</div>

ブラウザ ウィンドウのサイズを変更すると、この div 内のすべてのメニューが互いに積み重なっていき、見た目がかなり悪くなります。

画面のサイズを変更するときに、このメニューのサイズ変更を制限したいですか?

4

2 に答える 2

0

min と max 、高さ/幅を任意のブロックに使用できます

<div style = "min-height : 300px; max-height : 1024px"> Smthn </div>

上記の div は 1024px を超えず、高さが 300px 未満になります。幅でも同じことを試すことができます。

于 2012-06-28T06:44:22.723 に答える
0

これは私のために働いています、

<div  style="margin-left: 25%; margin-right: 20%; font:13px/27px Arial,sans-serif; min-height : 25px; min-width : 1024px;">

2番目のdivに最小幅を追加すると機能します

みなさん、素早い回答ありがとうございます:)

于 2012-06-28T07:13:50.780 に答える