考虑以下示例......
body {
margin: 0;
}
* {
box-sizing: border-box;
}
.parent {
min-height: 100vh;
width: 50vw;
margin: 0 auto;
border: 1px solid red;
display: flex;
align-items: center;
justify-content: center;
}
.child {
border: 1px solid blue;
width: 150%;
}Run Code Online (Sandbox Code Playgroud)
<div class="parent">
<div class="child">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Amet tellus cras adipiscing enim eu turpis. Neque aliquam vestibulum morbi blandit. Sem integer vitae justo eget …Run Code Online (Sandbox Code Playgroud)在过去,我看到了下一个CSS,我在想是否存在一些实际的区别
min-width: 90px;
max-width: 90px;
Run Code Online (Sandbox Code Playgroud)
和
width: 90px;
Run Code Online (Sandbox Code Playgroud)