如何让最大宽度达到特朗普最小宽度？

Question

＆＃13;

＆＃13;

div {
  width: 50%;
  min-width: 200px;
  max-width: 100%;
  height: 100px;
  background-color: red;
}

＆＃13;

<div>

</div>

＆＃13;

＆＃13;

＆＃13;

如果缩小窗口以使小提琴小于200px宽然后检查div，则会发现它仍然是200px宽，导致页面拉伸。

显然，这是因为我已将min-width设置为200px，但我希望max-width否决它。我如何做那个来模仿这种效果？

Answer 1

你可以使用！important。通常情况下，CSS代码从左上角开始读取并向右和向下直到结束（因此如果有重复的话，后面的CSS代码会覆盖以前的CSS代码）但是放置！重要的覆盖 https://jsfiddle.net/699h51od/

HTML

<input type="text"/>

CSS

input {
  width:500px !important;
}
input {
  width:100px;
}