文章讨论了在CSS中min-width属性单独使用时，元素宽度默认变为100%的情况，并解释了min-width应与width配合使用的原则。min-width主要应用于响应式设计，确保元素在宽度缩小到一定程度时仍保持最小宽度。
[前端] min-width单独设置,宽度会是100%的问题
1.min-width不能单独使用
min-width单独使用的时候,宽度会变为100%
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<style>
#footer{
min-width: 200px;
height: 200px;
background-color: red;
}
</style>
<body>
<div id="footer"></div>
</body>
</html>
2.min-width要搭配width使用
min-width顾名思义是最小的宽度,当width的值大于min-width的值时,就用width的值;当width的值小于min-width的值时,就使用min-width的值.
一句话比min-width值大,管不着,比min-width的小,不允许.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<style>
#footer{
min-width: 200px;
width: 10px;
height: 200px;
background-color: red;
}
</style>
<body>
<div id="footer"></div>
</body>
</html>
min-width必须搭配width,那么min-width是否多此一举?
min-width主要使用场景在-响应式布局.所以并不是多此一举的
1559
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
