直播软件怎么开发,自适应两栏布局方式
<body><div class="wrapper"><div class="left"></div><div class="right"></div></div></body>
.wrapper{display:flex;
}
.left{width:200px;height:400px;background:black;
}
.right{flex:1;height:400px;background:red;
}
.left{float:left;width:200px;height:400px;background:black;
}
.right{background:red;height:400px;
}
.left{width:200px;height:400px;float:left;background:black;
}
.right{overflow:hidden;height:400px;background:red;
}
.wrapper{position:relative;
}
.left{width:200px;height:400px;background:black;
}
.right{position:absolute;top:0;left:200px;right:0;bottom:0;background:red;
}
.wrapper{display:table;width:100%;
}
.left,.right{display:table-cell;height:400px
}
.left{background:black;
}
.right{background:red;
}
.wrapper{display:grid;width:100%;height:400px;grid-template-columns:200px auto;
}
.left{background:black;
}
.right{background:red;
}
以上就是直播软件怎么开发,自适应两栏布局方式, 更多内容欢迎关注之后的文章