CSS clear與媒體查詢不起作用

Question

iv在寬度爲25％時得到4 div div 1 text div 2 image diz 3 text div 4 image @ media 480我想要行，但div 3卡住了，有3行:(認爲你明白了我的意思是lol。）Iv在2個div上放了一個明確的標記，是的，但是在媒體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 {明確：無;}

Answer 1

瞭解如何編寫和使用CSS media queries

@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;} 
}