flex:让所有弹性盒模型对象的子元素都有相同的长度,忽略它们内部的内容缩你是想变小吗,flex默认值只有0或者1,要改变大小直接修改width和height的值就好了
1.浮动
将左边固定区域设置浮动,右边margin设置为左边固定div的宽度。
2.绝对定位(absolute)
将左边固定区域设置相对定位,右边margin设置为左边固定div的宽度。
3.flex弹性布局
4.grid 网格布局
5.左边浮动,让right单独成为一个BFC,BFC的区域不会与float box重叠。
定位布局:
主要使用position样式来进行定位元素,定位元素又可以分为绝对定位(position:absolute)和相对定位(position:relative),绝对定位的对象是脱离正常的文档流,使用top,right,bottom,left等属性进行绝对定位,其层次关系顺序可以通过z-index属性来定义。相对定位是遵循正常的文档流,top,right,bottom,left等属性在正常的文档流中进行偏移位置。
浮动布局:
主要是使用float样式来定义元素的浮动,浮动可以设为左浮动(float:left)右浮动(float:right)不浮动(float:none)当你设置了元素为浮动元素的时候元素对象的display会被自动忽略,所以浮动元素的大小由它所包含元素的大小决定。
如何清除元素的浮动的,我们可以使用clear元素来清除浮动,当clear:none的时候允许两边都可以有浮动对象、当clear:left的时候不允许左边有浮动对象、当clear:right的时候不允许有右浮动对象、当clear:both的时候不允许元素左右两边有浮动对象。
弹性布局:
弹性布局又称flex布局,可以用弹性布局来做相应式网站
以上是问答百科为你整理的3条关于弹性布局flex设置高度的问题「css3flex布局中怎么缩」希望对你有帮助!更多相关的内容请站内查找。