要求 左边200px 右边占满剩余(当然可以用 clac(100% - 200px))现在要求使用
display布局 则
.body{
width: 100%;
display: flex;
.body-left{
width: 230px;
}
.body-right{
flex:1;
width: 0; // 这行一定要有
}
}
display布局 则
.body{
width: 100%;
display: flex;
.body-left{
width: 230px;
}
.body-right{
flex:1;
width: 0; // 这行一定要有
}
}
一、flexbox布局（弹性布局） 1.指定flex布局 { display:flex;display: -web...
flex布局-父容器 Property #1: Display: Flex 给父容器设置display:flex ...
定义display:flex或inline-flex开启子元素的Flex布局。 设置display: flex后，...
Flex是Flexible Box的缩写，意为“弹性布局”。 采用 Flex 布局（display: flex;）...
display display: flex | inline-flex ;是否使用flexbox方式布局 这个属性...
display:flex 意思是弹性布局 display:-webkit-flex;/*Safari,Webkit...
display:flex 意思是弹性布局 首先flex的出现是为了解决哪些问题呢？ 一、页面行排列布局 像此图左右...
1、关于display:flex 多栏多列布局 小程序中推荐使用display:flex多栏布局，来简化页面布局 ...
flex布局 display: flex; //水平 flex-direction: row;(默认） flex-...
伸缩布局(弹性布局) display:flex 给谁添加了display:flex,谁就是伸缩容器 伸缩容器中的盒...
本文标题：display:flex 分左右布局
本文链接：https://www.haomeiwen.com/subject/rdkigdtx.html
网友评论