css根据div宽度 |family css

div{
width: 50%;
margin: 0 auto;
}

如上述代码所示，该CSS代码通过设置div的宽度为父元素的50%，并将其水平居中。这样，无论父元素宽度如何变化，div元素的宽度都会自动适应变化。这种根据div宽度设计的CSS代码很实用，不但方便、简洁，而且能提高网页的响应性和可读性。

div{
display:flex;
flex-wrap: wrap;
}
div p{
flex-basis: calc(100%/3);
}

上述代码中，利用弹性盒子布局flexbox实现了根据div宽度设计的样式，将元素自动拆分成3列并平均分布。实用这个方法能够非常灵活的根据div宽度调整布局，使网页更加美观。

总之，CSS根据div宽度设计的方法多种多样，可以根据自己的具体需求选择不同的方法来实现，既能美化网页，又能提高网页的响应性和可读性。