时间戳

首页 > 解决方案 > 我的列没有显示在 Safari 中（但它们在 Chrome、Explorer、Firefox 中）？

html - 我的列没有显示在 Safari 中（但它们在 Chrome、Explorer、Firefox 中）？

问题描述

只有第 1 列和第 3 列显示，所以我假设它与显示有关。我用类和显示查看了可能的解决方案。我似乎找不到让它出现的方法。有什么我应该添加或删除的吗？谢谢！

<div id="NameA" >
<div id="NameB">
<div class="container">
<div class="row">
<div class="container" id="content-container1"> 
        <div class="col-md-3" id="name1"> 
           </div>
        <div class="col-md-3" id="name2" >              
           </div>
        <div class="col-md-3" id="name3" >
           </div>   
        <div class="col-md-3" id="name4">
           </div>
</div><!--/content-container-->
</div><!-- /row -->
</div><!-- /container -->
</div>
</div>

CSS
#NameA {width: 100%; position: absolute; bottom: 0px;}
#NameB {padding-top: 20px; background-color: #000;  height: 220px; width:100%; }

标签： htmlcsssafaricontainers

解决方案

尝试添加这个，因为有时会在破坏 Safari 之前和之后隐藏代码：

.row:before, .row:after {display: none !important;}

推荐阅读