[分享]css不设置宽度如何自动撑开

/* 块级元素 */
div {
    background-color: red;
    height: 50px;
    /* 不设置具体宽度，宽度将自适应父元素 */
}

/* 内联元素 */
a {
    background-color: green;
    padding: 5px;
    /* 不设置具体宽度，宽度将自适应内容 */
} 

对于块级元素，由于其默认的display属性是block，因此会自动填满一行并占据整个可用空间，既然宽度没有具体设置，则会自动撑开至父元素的宽度。

而对于内联元素，默认的display属性是inline，因此会根据内容的大小自动撑开宽度。如果想改变这个行为，可以将元素的display属性设置为inline-block，这样它既可以像inline一样在一行显示，又可以像block一样设置宽高。

总之，CSS在不设置宽度时可以通过元素的display属性来撑开宽度。尤其是内联元素，我们可以通过修改display属性自由控制其宽度，实现自适应的效果。