子元素填满剩余空间，父元素随子元素大小变化

1.子元素填满父元素剩余空间

.father{ display: flex; }
.son{ flex-grow: 1; }

2.父元素随子元素大小变化
子元素为行内元素

.father{ white-space: nowrap; }

子元素为块级元素

.father{ display: inline-block; white-space: nowrap; }
.son{ display:inline-block; }

3.css嵌套使用，html会冒泡式寻找对应的style名（使用了css-module）

.first{
	.btn{ background-color: #000; }
	.second{ ... }
}

<div className={style.first}>
	<div clasName={style.second}>
		<div clasName={style.btn}>按钮是黑色的！</div>
	</div>
</div>