css中怎么设置盒子自适应

时间：2024-09-20 18:02:35

css设置盒子自适应宽度或高度

1. 自适应宽度。如上图，当右边的盒子内容超出容器的宽度，设置width：0；超出的内容就可以隐藏，或者设置overflow：auto；会出现滚动条显示。2. 自适应高度。如上图，要使下面的盒子高度撑满剩余的空间，可以使用flex布局，然后设置如图所示样式就ok了。