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

1、自适应宽度

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

2、自适应高度

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

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


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部