以前一直以为块级元素的宽高是靠子元素宽高撑开,直到项目中要做一个左右滑动功能,万般无奈之下手写,才发现块级元素的宽度默认继承父元素,高度是靠子元素撑开的,也就是默认width:auto,至于如何让块级元素的宽度等于子元素宽高,直接上代码
设置父元素的属性
width:不设置
white-space: nowrap; //子元素不换行
display: inline-block;
设置子元素的属性
display: inline-block;
以前一直以为块级元素的宽高是靠子元素宽高撑开,直到项目中要做一个左右滑动功能,万般无奈之下手写,才发现块级元素的宽度默认继承父元素,高度是靠子元素撑开的,也就是默认width:auto,至于如何让块级元素的宽度等于子元素宽高,直接上代码
设置父元素的属性
width:不设置
white-space: nowrap; //子元素不换行
display: inline-block;
设置子元素的属性
display: inline-block;