html - 如何设置显示:none for responsive mobile view?

Question

我正在尝试设计一个响应式网站。对于移动 View ，我想从下面的示例代码中隐藏正确的横幅 div，所以我只写“display: none;”但是容器 div 出现并与行 div 重叠。我只想隐藏正确的横幅而不影响其他 div 的对齐。如果我可以设置行 div 的高度或任何其他问题，你能帮我吗？

 

    <div class="row clearfix">
	<div class="left-banner">
    	<img src="" alt="">
    </div>
    <div class="right-banner">
    	<img src="" alt="">
    </div>
</div>

<div class="container">
	<p></p>
</div>

.row{width:100%;}
.left-banner{float:left; width:60%;}
.right-banner{float:right; width:40%; display:none;}
.container{width:100%;}

Answer 1

您应该使用 visibility: hidden 而不是 display: none 以便其他元素的位置不受影响。