两列布局，左边定宽100px，右边自适应？

最新推荐文章于 2021-06-18 08:54:04 发布

LuckXinXin

最新推荐文章于 2021-06-18 08:54:04 发布

阅读量1k

点赞数 2

分类专栏： CSS 文章标签： css

本文链接：https://blog.csdn.net/LuckXinXin/article/details/105238864

版权

1）使用flex布局，父容器设置display:flex，左边div设置flex:0 0 100px width:100px height:100px；右边div设置：flex：1 height:100px

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            .container{
   
                background:red;
                display: flex;
                -webkit-display:flex;
            }
 
            .d1{
   
                background:rgba(2,55,66,0.5);
                flex: 0 0 100px;
                width:100px;
                height:100px;

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

LuckXinXin

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
两列布局，左边定宽100px，右边自适应？

1）使用flex布局，父容器设置display:flex，左边div设置flex:0 0 100px width:100px height:100px；右边div设置：flex：1 height:100px<!DOCTYPE html><html> <head> <meta charset="UTF-8">...
复制链接

扫一扫