min-width不起作用但是min-height可以，谁能帮忙解答下 - WEB前端(UI)

编程论坛 → WEB开发 → 『 WEB前端(UI) 』 → min-width不起作用但是min-height可以，谁能帮忙解答下

标题：min-width不起作用但是min-height可以，谁能帮忙解答下

只看楼主

诸葛修勤

等　级：贵宾
威　望：11
帖　子：549
专家分：1955
注　册：2010-10-28
结帖率：96.55%

楼主

已结贴√ 问题点数：20 回复次数：2

min-width不起作用但是min-height可以，谁能帮忙解答下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html>
<head>
<style type="text/css">
*{margin: 0; padding: 0; font-size: 12px;}
body{width: 1000px; height: 600px; border: 1px red solid;}
div{border: 4px rgb(201, 198, 233) solid; background: rgb(153, 153, 154);}
div.d1{position: relative; min-width: 20%; min-height: 10%;}
</style>
</head>
<body>
<div class="d1">
</div>
</body>
</html>

搜索更多相关主题的帖子: background　position　relative　border　

2013-11-20 23:40

hugeannex

等　级：蝙蝠侠
威　望：6
帖　子：477
专家分：911
注　册：2005-3-20

第 2 楼

得分:20

div默认的width是auto，意识里就是100%，你设个min-width最小宽度为20%，100%难道不大于20%？！！！！
你这样写就明白了：div.d1{position: relative; width:0; min-width: 20%; min-height: 10%;}

世事如潮我如水，只叹江湖几人回。

2013-11-21 10:27

诸葛修勤

等　级：贵宾
威　望：11
帖　子：549
专家分：1955
注　册：2010-10-28

第 3 楼

得分:0

换种写法

程序代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.>

 <html>

 <head>

 <style type="text/css">

 *{margin: 0; padding: 0; font-size: 12px;}

 body{width: 1000px; height: 600px; border: 1px red solid;}

 div{border: 4px rgb(201, 198, 233) solid; background: rgb(153, 153, 154);}

 div.d1{position: relative; min-width: 200px; min-height: 10%;}

 </style>

 </head>

 <body>

 <div class="d1">

 </div>

 </body>

 </html>

2013-11-21 18:41

参与讨论请移步原网站贴子：https://bbs.bccn.net/thread-423916-1-1.html