width:auto 表示宽度是可变的,浏览器会自动计算其宽度;
根据验证发现,width:auto的计算方式与其定位方式有很大的关系。
结论:
【position:static(默认)/relative 】实际宽度(width+border+margin)等于父元素width值,与内容长度无关。
【position:absolute】实际宽度(width+border+margin)取决于其内容的长度,但是最大不超过该元素的第一个非static定位的父元素的width右侧边界;
【posiition:fixed】实际宽度取决于其内容的长度,但是最大不超出浏览器窗口。