Question

我有菜单栏和代码如下

<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里面的所有菜单，它们一直堆积在一起，看起来很糟糕

我想在调整屏幕大小时限制此菜单调整大小？

Answer 1

您可以将min和max，height / width用于任何块

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

上述div不会超过1024px并且高度低于300px。您也可以尝试相同的宽度。

Answer 2

这对我有用，

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

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

谢谢大家快速回复：）

如何限制div调整大小？

2 个答案: