css 宽度适应 |css图片滑过突出显示

/* 设置元素宽度为百分比 */
div {
width: 80%;
}
/* 设置最大宽度 */
div {
max-width: 1000px;
width: 90%;
}
/* 设置最小宽度 */
div {
min-width: 200px;
}
/* 设置浮动元素宽度 */
.container {
width: 100%;
display: flex;
}
.container .box {
width: 25%;
float: left;
margin-right: 2%;
}

以上代码中，设置元素宽度为百分比、设置最大宽度以及设置最小宽度都是非常常见的方式。其中，设置元素宽度为百分比可以让元素随着浏览器宽度的变化而自适应，而设置最大宽度和最小宽度则是为了控制元素的大小，避免出现过大或过小的情况。

另外，对于浮动元素，大家也可以通过设置宽度来让它自适应。上面的代码中，大家使用了 flex 布局，将容器宽度设为 100%。而浮动元素则设置为 25%，这样就可以让每个浮动元素占据整个容器宽度的四分之一，从而自适应浏览器宽度。

总的来说， CSS 的宽度适应是非常重要的一点。通过设置元素宽度的百分比、最大宽度、最小宽度以及对浮动元素的宽度设置，大家可以实现元素的自适应，让网页看起来更加美观和易于使用。