iv在宽度25%处获得4 div,div 1文本div 2图像,diz 3文本div 4图像@媒体480我想划行,但是div 3卡住了,我有3行:(认为你得到了我意思是大声笑。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 {清除:无;}
了解如何编写和使用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;}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句