【问题标题】:CSS: max-width for @media query not working at certain div tags [duplicate]CSS:@media 查询的最大宽度不适用于某些 div 标签 [重复]
【发布时间】:2026-01-23 11:15:02
【问题描述】:

最大宽度:700px 在 id="wrap2" 中不起作用

但是使用 id="wrapper",它可以正常工作。 (现在评论了)

<style type="text/css">
@media (max-width: 700px) {
  /*#wrapper {
display: none;
}*/
  #wrap2{
    display: none;
  }
}
</style>

<div id="wrapper">
<div style="display: inline; float: left;">
   A
</div>


<div style="display: inline; float: right;" id="wrap2">
 B
</div>
</div>

【问题讨论】:

    标签: html css


    【解决方案1】:

    因为您使用的是内联 css。您可以使用!important 更改内联属性。

    @media (max-width: 700px) {
      #wrap2{
        display: none !important;
      }
    }
    <div id="wrapper">
    <div style="display: inline; float: left;">
       A
    </div>
    
    <div style="display: inline; float: right;" id="wrap2">
     B
    </div>
    </div>

    【讨论】:

    【解决方案2】:

    如果您使用外部 CSS 而不是内联,然后将此文件包含在 html 中,它可以工作。

    【讨论】: