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;">

在第二个 div 中添加 min-width 正在工作

谢谢大家的快速回复：）

于 2012-06-28T07:13:50.780 回答