要使div盒子自适应宽度,可以设置宽度为百分比,例如width:100%,这将使div盒子的宽度自适应其父元素的宽度。
如果需要在div盒子中嵌套其他元素,可以使用盒子模型中的box-sizing属性,将其设置为border-box,这将使盒子的内边距和边框不会影响盒子的宽度计算。
另外,也可以使用CSS3中的flex布局来实现自适应宽度,通过设置flex属性为1,将自动分配剩余的空间给flex元素。
第一种:<div style="border:5px solid #f00;float:left;min-width:220px;_width:220px;padding:12px;white-space:nowrap">最小宽度</div> 第二种:<div style="border:5px solid #f00;position:absolute;min-width:220px;_width:220px;padding:12px;white-space:nowrap">最小宽度</div> 2种方法,你看着用