Question

我在html元素内使用了以下样式，以消除屏幕右侧的多余空白：

<style>
    html,body{
      width: 100%;
      height: 100%;
      margin: 0px;
      padding: 0px;
      overflow-x: hidden;

    }
</style>

它工作得很好。但是，它会将页面上某些内容的可见性设置为“隐藏”，并且我尝试使用！important属性进行覆盖，但是无论我做什么，它们仍然不可见。

   <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.2s">
            <div class="box">
                <div class="icon"><a href=""><i>

                    <img class="featurette-image img-fluid mx-auto" data-src="holder.js/500x500/auto" src="/img/yusufImg/slope%20design.png" alt="Generic placeholder image">


                </i></a></div>
                <h4 class="title"><a href="">Slope Design</a></h4>
                <a id="slopeButton" class="btn btn-lg btn-outline-success" style="font-weight: 900;color: white;">Read More</a>


            </div>
        </div>
        <div style=" visibility:visible !important;" class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.2s">
            <div class="box">
                <div class="icon"><a href=""><i>

                    <img class="featurette-image img-fluid mx-auto" data-src="holder.js/500x500/auto" src="/img/yusufImg/taş%20duvar.png" alt="Generic placeholder image">


                </i></a></div>
                <h4 class="title"><a href="">Tas Duvar</a></h4>
                <a id="tasduvarButton" class="btn btn-lg btn-outline- 
success" style="font-weight: 900;color: white;">Read More</a>


            </div>

具有内联样式以提高可见性的属性和类与不具有相同属性和类的属性和类完全相同。但是，当我加载页面时，它们总是呈现为不可见。

我该如何解决？

溢出-x隐藏内容（并且它不能被覆盖）

0 个答案: