父元素相对定位且没有设置宽度，子元素有三个，有一个绝对定位，为什么父元素还会被撑开？

Question

父元素相对定位且没有设置宽度，子元素有三个，有一个绝对定位，为什么父元素还会被撑开？父元素被撑开后很不好看，如何让父元素不被撑开？

Answer 1

除非子元素全部是绝对定位的，否则只要有静态子元素的宽度超过父元素的宽度就会撑开父元素。可以把父元素的宽度固定为100%（或100vw），并且把横向overflow属性设为hidden，这样就不会被撑开了，即：
width:100%; overflow-x:hidden追问

固定100%没效果，overflow可以解决