一个菜鸡前端初学者的笔记，HTML&css（1）

弹性盒模型flex属性

display:flex;

div{
	width:500px
	height:400px;
	display:flex;/*为父级标签设置*/
}

1、设置display: flex属性可以把块级元素在一排显示。

2、flex需要添加在父元素上，改变子元素的排列顺序。

3、默认为从左往右依次排列,且和父元素左边没有间隙。

设置子元素的flex占比

flex:1;
为子标签设置相对父元素的占比

.div1{
	flex:1;/*为子元素设置*/
}

1、给子元素设置flex属性,可以设置子元素相对于父元素的占比。

2、flex属性的值只能是正整数,表示占比多少。

3、给子元素设置了flex之后,其宽度属性会失效。