div的width:auto和width:100%的区别

1、div默认的盒子模型是display:content-box

2、当设置width:100%的时候,就是指content内容区域的宽度是100%,只要设置了margin、border、padding的话,div最后显示出来会超出父容器宽度

3、当设置width:auto的时候,会根据盒子模型的外边距margin、边框border、内边距padding的值来调整内容content的宽度,使得div在显示上占据一整行并且没有超出父容器宽度

猜你喜欢

转载自blog.csdn.net/sukla/article/details/80867716
今日推荐