200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > css设置盒子自适应宽度或高度

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

时间:2020-07-25 21:44:44

相关推荐

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

1、自适应宽度

如上图,当右边的盒子内容超出容器的宽度,设置width:0;超出的内容就可以隐藏,或者设置overflow:auto;会出现滚动条显示。

2、自适应高度

如上图,要使下面的盒子高度撑满剩余的空间,可以使用flex布局,然后设置如图所示样式就ok了。

(width和height不一定要设置为0,只要不大于剩余空间的大小。)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。