Question

我有两个div，＃red width 70％和#blue width 30％..

我希望，在调整大小时。只有红色的div会缩小，蓝色的div根本不会缩小。这封信不是很拥挤的菜单。

这是我的榜样 work

[1]plnkr.co/edit/UsaphFdRzJTPO2y1GMbT?p=preview

谁能帮帮我？提前致谢

Answer 1

您有两列，一列要保持固定宽度，另一列要填充剩余空间，并通过更改屏幕宽度调整宽度。那么有很多可能的方法来实现这一目标。

我将使用CSS Flex-box向您展示一种简单的方法。

HTML：

<div class="outer">
    <div class="red"></div>
    <div class="blue"></div>
</div>

CSS：

.outer{
    display:flex;
    min-width:150px;
}
.red{
    background:red;    
    height:100px;   
    flex:1;
    min-width:50px;
}
.blue{
    width:100px;
    height:100px;
    background:blue;   

}

在这里查看小提琴：https://jsfiddle.net/c6a66oge/3/

如何在调整大小时创建div固定？

1 个答案: