CSS 清除不适用于媒体查询

Question

iv 在宽度 25% 处获得 4div，div 1 文本div 2 图像，diz 3 文本div 4 图像@ media 480 我想必须划船，但div 3 卡住了，我有 3 行:(认为你明白我的意思，哈哈。Iv 在 2div 上都清除了，是的，它可以工作，但在媒体 768 上它应该在 1 行上，但知道它仍然在 2 行上，但在屏幕上，所以我把清除都没有，然后它将无法再次工作

<div id="box1" class="column1 four">
        <h3>BOX 1</h3>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.</p>
    </div>
    <div id="box2" class="column1 four">
        <h3>BOX 2</h3>
        <img src="img/box2.jpg">
    </div><div class="clear"></div>
    <div id="box3" class="column1 four">
        <h3>BOX 3</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec.</p>
    </div>
    <div id="box4" class="column1 four">
        <h3>BOX 4</h3>
        <img src="img/box4.png">
</div>

.CSS

@media only screen and (min-width: 480px) {
 .clear {clear: both}

}

@media only screen and (min-width: 768px) {

} .clear {clear： none;}

Answer 1

了解如何编写和使用CSS媒体查询

@media (max-width: 600px) {
  .facet_sidebar {
    display: none;
  }
}

所以在你的情况下应该是

@media only screen and (min-width: 480px){
 .clear {clear: both}
}
@media only screen and (min-width: 768px) {
 .clear {clear: none;}
}